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本 书 出 上 自 一 位 世界 级 设计 师 之 手 。 复 杂 的 设计 原理 在 本 书 中 凝 炼 为 亲密 性 、 对 齐 、 重 复 和 对 比 4 个 基 
本 原则 。 作 者 以 其 简洁 明快 的 风格 ,将 优秀 设计 所 必须 遵循 的 这 4 个 基本 原则 及 其 背后 的 原理 通俗 易 异地 
展现 在 读者 面前 。 本 书包 含 大 量 的 示例 , 让 你 了 解 怎 样 才 能 按照 日 己 的 方式 设计 出 美观 且 内 容 丰 宦 的 产品 。 
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本 书 适 合 你 吗 








有 些 人 需要 设计 页 面 ， 但 完全 没有 设计 背景 ， 或 者 在 设计 方面 没有 经 过 正规 培训 ， 本 书 正 
征 为 这 些 人 所 写 的 。 本 书 并 不 只 针对 那些 设计 光鲜 包 蔷 或 者 “ 安 篇 ”宣传 册 的 人 ， 我 所 指 的 可 
以 是 普通 的 秘书 ， 也 许 老 板 刚 刚 要 求 他 们 设计 时 讯 报 道 ， 或 者 是 某 个 活动 的 志愿 者 们 ， 正 准备 
发 布 有 关 活 动 的 信息 ; 也 可 能 是 小 企业 负责 人 ， 正 在 目 己 设计 广告 ; 或 者 是 那些 聪明 的 学 生 ， 
他 们 深 说 一 个 秘诀: 论文 越 深 宫 ， 越 有 可 能 得 局 分 ;， 也许 是 那些 专业 人 员 ， 他 们 认识 到 演示 稿 
越 吸 引 人 就 越 能 受到 好 评 ， 也 可 能 是 教师 ， 他 们 知道 ， 如 有 果 讲 授 的 信息 组 织 得 当 ， 学 生 就 能 
好 地 接受 并 做 出 反应 ; 还 可 能 是 统计 人 员 ， 他 们 会 发 现 数 子 和 统计 结果 经 过 适当 的 组 织 ， 也 能 
让 人 乐于 阅读 而 不 是 使 人 民 民 和 欲 睡 ， 诸 如 此 类 的 还 有 很 多 很 多 。 


本 书 假设 你 没有 足够 的 时 间或 者 兴趣 来 专门 学 习 设 计 和 排版 技术 ， 但 是 又 很 想 知道 如 何 才 
能 让 页 面 看 上 去 更 好 一 些 。 倘 大 如 此 ， 本 书 肯定 会 令 你 满意 。 我 们 的 前 提 很 老 套 ， 还 是 那 句 格 
Tí: 知识 就 是 力量 。 看 到 一 个 设计 得 不 好 的 页 面 时 ， 大 多 数 人 可 能 会 说 他 们 不 喜欢 这 个 页 面 ， 
但 是 对 于 如 何 修 改 却 毫 无 头绪 。 本 书 指出 了 4 大 基本 概念 ， 几 乎 每 一 个 精良 的 设计 中 都 用 到 了 
这 4 个 概念 。 这 些 概念 非常 明确 也 很 具体 。 如 果 你 不 知道 哪里 出 了 问题 ， 又 怎么 能 进行 修正 
呢 ? 一 旦 认识 了 这 些 概 念 ， 就 会 注意 到 你 的 页 面 中 是 否 已 经 应 用 了 这些 概念 。 只 有 找 出 问题 所 
在 ， 方 能 得 出 解决 方案 。 

仅仅 靠 这 样 一 本 书 ， 并 不 能 完全 取代 设计 学 院 里 4 年 的 正规 学 习 。 我 并 不 指望 你 在 读 完 
书后 就 立刻 成 为 一 个 才华 过 人 的 设计 人 员 。 不 过 我 敢 保证 ， 你 再 也 不 会 以 原来 的 眼光 看 页 面 了 。 
我 相信 ， 如 果 遵 循 了 这 些 基本 原则 ， 你 的 设计 看 上 去 会 更 专业 、 更 有 条 理 、 更 统一 ， 也 更 有 趣 。 
你 会 感到 自己 已 经 具备 了 一 定 的 水 平 。 


放 轻松 ， 我 们 开始 吧 。 
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详 者 OO 


严格 地 说 ， 这 不 是 一 本 计算 机 图 书 ， 它 适用 于 各 行 各 业 与 文字 打交道 的 人 ， 你 会 从 中 充分 
领略 到 设计 之 美 。 复 杂 的 设计 原理 在 这 里 被 浓缩 为 4 个 词 : 杀 蜜 性、 对齐、 重复 和 对 比 。 尽 管 
作者 已 经 强调 ， 本 书 并 不 能 取代 设计 专业 4 年 的 正规 学 习 ， 但 如 采 能 真正 擎 握 本 书 的 精髓 ， 能 
在 页 面 设 计 中 充分 应 用 这 些 原则 ， 那 么 别人 一 定 无 法 怀疑 你 的 专业 水 平 。 

在 翻译 过 程 中 ， 我 们 座 深 地 感受 到 了 作者 设计 经 验 的 丰富 ， 更 难 能 可 贯 的 是 ， 她 将 这 些 经 
验 加 以 概括 并 整理 ， 用 最 简洁 凝 炼 的 笔调 道 出 其 大话 。 为 了 不 与 全 书 的 明快 风格 相 迟 ， 我 们 就 
不 再 罗列 它 的 诸多 优点 了 ， 请 读者 日 己 细 细 品味 吧 ! 

全 书 由 办 金 国 、 刘 亮 担 任 主要 翻 详 ， 并 得 到 王 恒 、 牛 亚 峰 和 王 小 振 的 大 力 协助 。 详 文中 难 
免 有 翻 详 不 当 之 处 ， 敬 请 批评 指正 。 














译 者 
2008 年 5 月 
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A À de, PERMER E. 
作为 广告 、 宣 传 册 或 图 书 的 出 版 发 行人 ， 
每 一 位 出 版 者 都 希望 读者 能 轻松 地 阅读 他 们 的 作品 。 
出 版 者 乃至 读者 都 希望 出 版 物 的 重点 突出 ， 
主题 明确 ， 尤 其 是 读者 对 这 方面 的 要 求 尤 显 强烈。 
如 果 读 起 来 很 费劲 ， 读 者 根本 不 会 为 它 劳 神 ， 
反之 ， 对 于 看 上 去 赏心悦目 、 条 理 清晰 的 读物 ， 
读者 则 会 喜爱 有 加 ， 因 为 这 将 有 助 于 他 们 的 理解 。 
出 于 这 个 原因 ， 重 要 的 部 分 必须 突出 ， 
不 重要 的 部 分 则 要 淡化 …… 























现代 排版 技术 也 必须 适当 改进 
才能 跟 上 时 代 发 展 的 速度 。 
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第 8 曹 
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本 章 篇 幅 较 短 ， 将 从 一 般 意 义 上 解释 4 大 基本 原则 ， 各 个 原则 将 在 后 面 的 革 市 中 更 
详细 地 解释 。 不 过 ， 首 乞 我 想 告诉 你 一 个 小 故事 ， 正 是 这 个 小 故事 使 我 意识 到 ， 能 够 准 
确 陈述 问题 是 何等 重要 ， 因 为 明确 这 些 原则 是 午 握 它们 的 关键 。 


很 多 年 前 的 一 个 圣诞 六， 我 收 到 一 份 圣 诞 礼物 ， 是 一 本 关于 如 何 认 识 各 种 树 的 书 。 
那 时 我 住 在 父母 的 家 里 ， 所 有 礼物 都 打开 后 ， 我 决定 出 去 走 走 ， 认 一 认 邻 后 家 的 树 。 出 
去 之 前 我 谈 了 书 的 一 部 分 。 其 中 提 到 的 第 一 种 树 是 约 书 亚 树 ， 只 需要 两 个 线索 就 能 认 出 
它 。 由 于 约 书 亚 树 相当 怪异 ， 所 以 看 到 书 中 它 的 照片 时 ， 我 对 目 己 说 :“ 哦 ， 北 加 利 福 





























尼 亚 绝 对 没有 这 种 树 。 这 种 树 太 怪 寞 了 。 如 果 我 见 过 ， 肯 定 应 该 有 印象 ， 可 我 以 前 从 来 
没有 见 过 





之 后 我 拿 厦 这 本 书 走出 去 。 我 的 父母 住 在 一 个 
小 巷子 里 ， 这 里 共有 6 家 住户 。 其 中 4 家 的 前 院 里 都 
赫然 立 着 约 书 亚 树 。 我 住 在 那里 已 经 有 13 年 了 ， 而 
我 此 前 从 来 没有 注意 过 约 书 亚 树 。 我 在 这 个 街区 转 了 
转 ， 发 现 似乎 每 一 家 布置 新 居 时 苗 团 里 都 有 约 书 亚 树 
卖 ， 至 少 80% 的 住家 前 院 都 种 有 约 书 亚 树 。 而 我 在 此 
之 前 居然 从 来 没有 注意 过 ! 在 我 知道 了 这 种 树 之 后 ， 
我 是 说 在 我 能 够 说 出 它 的 名 字 后 ， 它 就 无 处 不 在 了 。 
这 正 是 我 要 说 的 : 一 旦 能 够 说 出 什么 东西 的 名 字 ， 就 
会 很 容 多 注意 到 它 。 你 台 会 掌握 它 ， 拥 有 它 ， 使 它 在 























EN 第 一 部 分 ”设计 原则 





你 的 控制 中 。 
所 以 ， 下 面 完 来 看 看 有 哪些 设计 原则 ， 知 道 它 们 的 名 子 ， 然 后 你 将 逐步 控制 页 面 。 





优秀 的 设计 就 这 么 容易 
只 要 知道 1-2-3 


1. 学 习 4 大 基本 原则 。 
它们 比 你 想象 得 要 简单 。 
2. 认识 到 上 自己 没有 运用 这 些 原则 。 
形 诸 文字 一 一 陈述 问题 。 
3. 应 用 基本 原则 。 
结果 将 使 你 大 吃 一 惊 。 


字体 
方正 书 宋 简体 常规 字体 
粗 体 


1A 25 BRETT 


就 这 么 容易 


学 习 4 大 基本 原则 。 

EILER ZFR A 

认识 到 自己 没有 运用 这 些 原则 。 
JE zl x: E— —H xg Ie] E 





应 用 基本 原则 。 字体 
| 华文 细 黑 黑 
A et 
IRIKI 


Potrzebie (数字 ) 





$13 7-8 








4 大 基本 原则 


以 下 是 对 基本 设计 原则 的 概述 ， 每 一 个 优秀 的 设计 中 都 应 用 了 这 些 设计 原则 。 尽 管 我 在 后 
面 将 逐个 讨论 各 个 原则 ， 不 过 要 记 住 ， 它 们 实际 上 是 相互 关联 的 。 只 应 用 某 一 个 原则 的 情况 很 


少 。 











对 比 ( Contrast ) 

对 比 的 基本 思想 是 ， 要 避免 页 面 上 的 元 素 太 过 相似 。 如 果 元 素 〈 字 体 、 颜 色 、 
大 小 、 线 宽 、 形 状 、 空 间 等 ) 不 相同 ， 那 就 干脆 让 它们 截然 不 同 。 要 让 页 面 引 人 注 
日 ， 对 比 通常 是 最 重要 的 一 个 因素 ， 正 是 它 能 使 读者 首先 看 这 个 页 面 。 

重复 (Repetition ) 

证 设计 中 的 视觉 要 素 在 整个 作品 中 重复 出 现 。 可 以 重复 颜色 、 形 状 、 材 质 、 
空间 关系 、 线 宽 、 字 体 、 大 小 和 图 片 ， 等 等 。 这 样 一 来 ， 既 能 增加 条 理性 ， 还 可 以 
加 强 统 一 性 。 


























对 齐 (Alignment ) 

任何 东西 都 不 能 在 页 面 上 随意 安放 。 每 个 元 又 都 应 当 与 页 面 上 的 男 一 个 元 系 
有 某 种 视觉 联系 。 这 样 能 建立 一 种 清晰 、 精 巧 而 且 清 更 的 外 观 。 

亲密 性 ( Proximity ) 


彼此 相关 的 项 应 当 靠近 ， 归 组 在 一 起 。 如 果 多 个 项 相互 之 间 存 在 很 近 的 亲密 
性 ， 它 们 就 会 成 为 一 个 视觉 单元 ， 而 不 是 多 个 孤立 的 元 素 。 这 有 助 于 组 织 信息 ， 减 
少 混乱 ， 为 读者 提供 清晰 的 结构 。 











一 点 说 明 

从 或 加 的 设计 理论 中 抽取 这 4 条 原则 时 ， 我 考虑 过 ， 这 些 概念 性 思想 应 该 有 一 个 合适 的 、 
便于 记忆 的 缩写 词 ， 可 以 帮助 人 们 记 住 这 些 原则 。 尽 管 缩写 词 很 好 记 ， 但 并 不 太 合适 ”"， 实 在 抱 
MX 





D 上 述 4 个 原则 的 英文 首 字 母 缩 写 为 CRAP， 是 一 句 不 文明 用 语 。 一 一 编者 注 
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5 的 表达 方式 
$L1$ $ ahak 1a 


stimulaci[e 


perm 








$ nt Z jg t^ 
(&. $. 35 18 


Anne Morrow Lindbergh 


字体 
Monn Lis Solid 
Escalido Gottiico 











在 新 手 的 设计 中 ， 单 词 、 短 语 和 图 片 四 处 分 布 ， 连 角落 也 不 放 过 ， 它 们 占据 了 每 一 处 空间 ， 
以 至 于 根本 没有 任何 留 日 ， 这 种 情况 比比 第 是 。 看 上 去 似乎 是 设计 者 们 不 敢 留 有 空 日 。 不 过 要 
知道 ， 如 朵 一 个 设计 中 充斥 看 太 多 的 内 容 ， 这 个 页 面 会 显得 杂乱 无 草 ， 读 者 也 无 法 从 中 很 快 看 
到 所 需 的 信息 。 


Robin 亲密 性 原则 是 指 ， 将 相关 的 项 组 织 在 一 起 ， 移 动 这 些 项 ， 使 它们 的 物理 位 置 相 互 徘 
近 ， 这 样 一 来 ， 相 关 的 项 将 被 看 作 凝 聚 为 一 体 的 一 个 组 ， 而 不 再 是 一 堆 彼 此 无 关 的 片段 。 


如 有 末节 些 信息 项 或 组 彼此 之 间 并 无 关联 ， 这 些 元 系 就 不 应 存在 很 近 的 亲密 性 〈“ 即 不 应 知 
近 )， 这 样 束 能 为 读者 提供 一 个 直观 的 提示 ， 使 读者 马上 了 解 页 面 的 组 织 和 内 容 。 


下 面 这 个 简单 的 例子 很 好 地 阐释 了 这 个 概念 。 在 列表 的 左边 ， 你 对 所 有 这 些 花 会 怎么 想 ? 
是 不 是 认为 它们 都 拥有 某 种 共同 的 东西 ? 对 于 右边 的 列表 ， 你 又 是 怎么 想 的 呢 ? 看 上 去 ， 后 4 种 
伦 与 其 他 的 伦 有 些 不 同 。 这 一 眼 就 能 感受 到 ， 而 且 认识 到 这 一 点 根本 无 需 任 何 提 醒 。 你 很 清楚 后 
4 种花 与 其 他 花 有 所 不 同 ， 因 为 它们 与 列表 中 的 其 他 项 物理 上 是 分 开 的 。 这 正 反 映 了 亲密 性 的 概 















































念 ， 在 一 个 页 面 上 ， 物 理 位 置 的 接近 就 意味 存在 着 关联 (实际 生活 中 也 是 如 此 )。 
My Flowers My Flowers 

Marigold Marigold 

Pansy Pansy 

Rue Rue 

Woodbine Woodbine 

Daisy Daisy 

Cowslip Cowslip 

Carnation ; 

Primrose en 

ns Violets 字体 
Pink Spring 常规 字体 


Formata 细 体 
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来 看 看 下面 这 个 企业 名 片 的 布局 ， 这 是 一 种 很 典型 的 布局 。 人 s 间 里 你 看 到 多 少 
个 单独 的 元 素 ? 你 的 眼睛 要 停 下 来 多 少 次 才能 看 全 这 张 名 片上 的 所 有 信息 








Ralph Roister Doister (717) 555-1212 


Mermaid Tavern 


916 Bread Street London, NM 


你 的 眼睛 是 不 是 停 过 5 次 ? 当然 ， 这 个 小 小 的 名 片上 放置 了 5 项 孤立 的 内 容 。 
你 是 从 哪里 开始 的 ? 可 能 是 从 中 间 ， 因 为 中 间 的 短 句 字体 最 粗 。 

接 下 来 看 什么 ? 是 不 是 按 从 左 向 右 的 顺序 读 ? 〈 因 为 这 是 英语 ) 

如 果 已 经 读 到 名 片 的 最 后 〈( 即 右 下 角 )， 你 的 目光 又 会 移 向 哪里 ? 
你 是 不 是 还 会 全 一 再 巡视 一 番 ， 确 保 目 己 没 有 和 遗漏 任何 角落 ? 


如 末 再 活 点 想 ， 情 况 会 怎样 呢 ? 


Ralph Roister Doister (717) 555-1212 


[^] 
Mermaid Tavern 
916 Bread Street London, NM 


——— A 你 又 该 从 哪里 开始 呢 ? 从 左上 角 吗 ? 还 是 从 中 间 开 始 ? 


完 这 两 项 之 后 ， 接 下 来 看 什么 ?也 许 你 会 在 这 些 粗 体 词 之 间 看 来 看 去 ， 紧 张 分 今 
地 起 找 出 角落 里 还 :隐藏 着 哪些 词 尚未 看 到 。 


你 知道 什么 时 候 才 算 完 吗 ? 
你 的 朋友 是 不 是 也 像 你 这 样 ? 他 们 会 不 会 用 不 同 的 方式 读 这 个 名 片 ? 








如 果 多 个 项 相互 之 间 有 很 近 的 亲密 性 ， 它 们 就 会 成 为 一 个 视觉 单元 ， 而 不 是 多 个 孤立 的 元 
素 。 就 像 实际 生活 中 一 样 ， 亲 密 性 ( 即 紧密 性 ) 意味 着 存在 关联 。 





如 果 把 类 似 的 元 素 组 织 为 一 个 单元 ， 马 上 会 市 来 很 多 变化 。 首 先 ， 页 面 会 变 得 更 有 条 理 。 
其 次 ， 你 会 清楚 地 知道 从 哪里 开始 读 信 息 ， 而 且 明 日 什么 时 候 结 束 。 男 外 ,“ 空 日 ”( 字 母 以 外 
的 空间 〉 也 会 变 得 现 有 组 织 。 








之 前 的 名 片 存在 这 样 一 个 问题 ， 名 片上 的 每 一 项 看 上 去 都 与 其 他 任何 项 没有 关联 。 
这 样 一 来 ， 首 先 不 清楚 从 哪里 开始 读 名 片 ， 另 外 不 知道 何 时 才 算 结 来 。 

如 果 对 这 个 企业 名 乒 做 一 点 调整 一 一 把 相关 的 元 素 分 在 一 组 ， 使 它们 建立 更 近 的 亲 
密 性 ， 看 看 会 发 生 什么 。 


Mermaid Tavern 


Ralph Roister Doister 


916 Bread Street 
London, NM 
(717) 555-1212 字体 
Formata 细 体 
Formata Bold Condensed 





从 哪里 开始 读 名 片 ? 接 下 来 看 什么 ? 什么 时 候 结 束 ? 对 于 这 些 问 题 你 现在 还 有 疑问 
um ? 

仅仅 利用 这 样 一 个 简单 的 概念 ， 现 在 这 个 名 斤 不 论 从 理解 上 还 是 从 视觉 上 看 都 很 有 
条 理 。 而 且 这 样 一 来 ， 它 还 能 更 清楚 地 表达 信息 。 








下 面 显示 了 一 个 很 典型 的 简报 刊 尖 。 这 里 有 多 少 个 单独 的 元 素 ? 单 从 放置 的 位 置 看 ， 能 不 
能 看 出 某 些 信息 项 与 其 他 项 存在 关联 ? 


要 花 些 工夫 来 判断 哪些 项 应 当 分 在 一 组 ， 让 它们 建立 更 近 的 亲密 性 ， 而 哪些 项 应 当 分 开 。 


字体 

Palatino Light 
常规 字体 和 和 斜体 
Wade Sans Light 





左上 角 的 两 项 相互 之 间 有 很 近 的 末 密 性 ， 这 意味 着 它们 之 间 存 在 某 种 关系 。 不 过 这 
两 项 真 的 应 该 有 某 种 关系 吗 ? amusing. peculiar 是 形容 Society 还 是 “The Shakespeare 
Papers" ? 


日 期 和 期 号 呢 ? 它们 应 该 更 靠近 一 些 ， 因 为 它们 都 标识 这 一 期 刊物 。 


下 面 的 例子 建立 了 正确 的 关系 : 


The Shakespeare fapers 


Amusing, peculiar, educative . . . 


Sweet Swan Society 
Volume 26 * Number 9 * October 2012 





请 注意 ， 这 里 还 做 了 另外 几 件 事 : 


D 把 所 有 大 写 都 变 为 小 写 ， 只 保留 合适 的 首 字 母 大 写 ， 这 样 能 留 出 更 多 空间 ， 使 
标题 更 大 、 更 醒目 。 

C) 把 圆 角 变 为 直角 ， 使 刊 头 的 外 观 更 简洁 、 更 突出 。 

D 将 天 鹅 图 放大 ， 超 出 边线 。 必 须要 让 它 更 显眼 。 


因为 文字 内 容 需 要 从 背景 中 凸显 出 来 ， 我 把 小 字体 改 为 Trebuchet 字体 ， 这 样 打 印 的 
时 候 就 不 会 看 不 太 清 楚 了 。 





创建 广告 传单 、 宣 传 册 、 新 闻 简 报 或 者 其 他 出 版 物 时 ， 你 很 清楚 其 中 哪些 信息 在 逻辑 上 存 





在 关联 ， 知 道 哪些 信息 应 当 强调 ， 而 哪些 信息 不 用 强调 。 可 以 通过 分 组 形象 地 表现 这 种 信息 。 


Correspondences 
Flowers, herbs, trees, weeds 
Ancient Greeks and Romans 
Historical characters 
Quotes on motifs 
Women 

Death 

Morning 

Snakes 

Language 

Iambic pentameter 
Rhetorical devices 
Poetic devices 

First lines 

Collections 

Small printings 

Kitschy 

Dingbats 

Thematic 

Villains and saints 
Drinks and recipes 
Music 

Quizzes 

Fun but difficult quizzes 


显然 ， 需 要 对 这 个 列表 做 茶 
种 格式 化 处 理 ， 以 便 理 解 。 不 过 ， 
这 个 列表 最 大 的 问题 在 于 ， 其 中 
的 每 一 个 元 素 都 与 其 他 所 有 元 素 
次 在 一 起 ， 所 以 无 法 看 出 它们 之 
间 的 关系 ， 也 无 从 知道 这 些 信息 
项 的 组 织 。 


Correspondences 
Flowers, herbs, trees, weeds 
Ancient Greeks and Romans 
Historical characters 


Quotes on motifs 
Women 

Death 

Morning 

Snakes 


Language 
Iambic pentameter 
Rhetorical devices 
Poetic devices 
First lines 


Collections 
Small printings 
Kitschy 
Dingbats 


Thematic 

Villains and saints 

Drinks and recipes 

Music 

Quizzes Iu 
Fun but difficult quizzes 常规 字体 及 粗 体 
Formata 粗 体 


仍然 是 这 个 列表 ， 现 在 看 起 
来 已 经 形成 了 多 个 组 。 i 
己 也 肯定 做 过 这 种 工作 ， 这 
m aceti gue 
要 投入 更 大 的 力度 。 

注意 我 在 这 里 对 标题 增加 了 
一 些 对 比 效 果 ， 并 让 这 种 对 比重 
复出 现 。 


Warnock Pro Light 








将 类 似 的 项 归 为 一 组 来 建立 很 近 的 杀 密 性 时 ， 有 时 需要 做 一 些 修改 ， 如 需要 调整 文本 的 大 





小 或 字体 粗细 ， 或 者 要 改变 图 片 的 大 小 或 放置 位 置 ， 等 等 。 正 文 〈 所 读 内 容 的 主干 部 分 ) 的 大 
小 不 一 定 非 得 是 12 点 ! 作为 正文 的 辅助 信息 ， 如 期 号 和 新 闻 简 报 发 行 年 份 ， 字 体 通常 可 以 小 
j| 7 ny 8 Ji. 


ofics{ cfeiday Club 
(COinfec Reading Sefedufe 


Friday November 1 at 5 p.m. Cymbeline 
In this action-packed drama, our strong and true 
heroine, Imogen, dresses as a boy and runs off 
to a cave in Wales to avoid marrying a man she 
hates. 
Friday, December 6, 5 p.m. The Winter's Tale 
The glorious Paulina and the steadfast Hermione 
keep a secret together for sixteen years, until the 
Delphic Oracle is proven true and the long-lost 
daughter is found. 
All readings held at the Mermaid Tavern, 
Grand Hall. Sponsored by the Community Educa- 
tion Program. Tickets $10 and $8 
For ticket information phone 555-1212 
Also Friday, January 3 at 5 p.m. Twelfth Night 
Join us as Olivia survives a shipwreck, dresses as 
a man, gets a job, and finds both a man and a 
woman in love with her. Nu 
字体 
Sinna Olicole 
Formata 常规 字体 


这 个 页 面 看 上 去 很 乏味 (没什么 可 吸引 你 去 看 一 眼 正 文 的 内 
容 )， 不 仅 如 此 ， 还 很 难 从 中 找 出 所 要 的 信息 ， 比 如 到 底 发 生 了 什 
么 ， 在 哪里 ， 什 么 时 间 等 ， 信 息 不 是 顺 次 给 出 的 ， 无 法 一 目 了 然 。 


例如 ， 这 个 系列 活动 举办 了 多 少 场 谈 书 会 ? 





ZR EREHE — P HE 
在 天 联 ， 或 者 相互 之 间 存 在 茶 种 关系 ， 那 么 





扳 立 的 元 陛 或 元 系 组 则 不 应 存在 杀 密 性 。 位 置 是 否 


正 的 含义 是 : 如 果菜 些 元 系 在 理解 上 存 
— 见 觉 上 也 应 当 有 关联 。 除 此 以 外 ， 其 他 
靠近 可 以 体现 出 元 素 之 间 是 否 仔 在 关系 。 











ofics{ cfeiday Club 


COinfee Reading wer a 
Cymbeline 


In this action-packed drama, our strong and true 
heroine, Imogen, dresses as a boy and runs off to 
a cave in Wales to avoid marrying a man she hates. 
November 1 * Friday * 5 p.v. 


Che ‘(Oinfecs Cale 


The glorious Paulina and the steadfast Hermione 
keep a secret together for sixteen years, until the 
Delphic Oracle is proven true and the long-lost 
daughter found. 


December 6 * Friday * 5 p.m. 


(€ welt. Sight 
Join us as Olivia survives a shipwreck, dresses as a 


man, gets a job, and finds both a man and a woman 
in love with her. 


January 6 ° Friday * 5 p.v. 
The Mermaid Tavern 
字体 All readings are held at The Mermaid Tavern in the Grand Hall 
p ^3. Sponsored by the Community Education Program 
Js Ínna Oficofe Tickets $10 and $8 
Formata 常 规 字体 For ticket information phone 555.1212 


和 Light Condensed 


这 个 系列 活动 举办 了 多 少 


首先 ， ee 


读书 会 


组 (这 个 工作 在 我 的 脑海 中 完 


成 ， 也 可 以 在 纸 上 把 想法 简单 画 出 来 )， 然 后 在 页 面 上 物理 地 对 


文本 分 组 ， 即 通 
之 间 的 间 jn 
演出 ， 


前 过 调整 位 置 把 文本 分 为 多 组 。 注 意 ， 三 场 读书 会 
这 说 明 这 


文 三 个 组 之 间 存 在 某 种 关系 。 
由 此 可 以 马上 意识 到 它 不 是 另外 一 场 


EE dA ZONE : 
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法 ? 


F 





下 面 的 例子 与 上 一 页 是 一 样 的 。 用 最 快 的 速度 看 一 眼 ， 现 在 你 对 这 三 场 谈 书 会 有 什么 想 


9 


为 什么 你 会 认为 其 中 一 场 读书 会 与 男 外 两 场 不 同 ? 原因 就 在 于 ， 其 中 一 场 读书 会 与 其 他 读 
会 是 分 开 的 。 由 于 这 种 空间 关系 ， 可 以 立刻 发 现 这 场 读书 会 有 某 种 不 一 样 的 地 方 。 


ofics{ cfeiday Club 
Emma bond Bafa sl 


Still trying to get to the Holy Land to atone for 
Richard's death, Henry is beset by many troubles, 
including the willing debauchery of his son, Hal. 
Because these Henry plays are closely connected, 
we're going to read them both in one day. 

June 4 * Friday * 1 p.v. 


2 Henry IV 


We carry on with the tales of Falstaff and Hal. 
Hal proves to his father he is a decent son and 
heartbreakingly rejects his good round friend Falstaff. 


June 4 * Friday * 6 p.m. 


Henry V 

Does Hal really have to be so cruel to his friends? 
Is that what being a king is all about? Hal, now 
Henry V, marches into France to win Agincourt. 


July 8 * Friday * 5 p.m. 


The Mermaid Tavern 

All readings are held at The Mermaid Tavern in the Grand Hall 
Sponsored by the Community Education Program 

Tickets $10 and $8, each play 

For ticket information phone 555.1212 


仅仅 像 这样 对 页 面 很 快 地 看 一 眼 居然 就 能 得 到 这 么 多 信息 ， 这 
确实 让 人 惊叹 不 已 。 正 因 如 此 ， 你 要 负责 保证 读者 确实 得 到 正确 的 


) 
fa IID o 

















看 看 下 面 这 个 舞蹈 谍 的 宣传 卡片 ， 设 计 者 的 本 意 可 能 希望 表现 得 更 有 意思 ， 更 有 活力 ， 不 





过 第 一 眼看 上 去 ， 你 能 说 出 人 舞蹈 课 的 时 间 和 地 点 吗 ? 


Y Fp 
Tea- Ce 
Free cope sy 


Y 
Learn to lance?! piss 
HipHop Salsa COw Fonpk 

Tango Rumba Saturday. Qvickstep 


Foxtp O 
Bolero ot -3 " 
b; lO9JiveLane Mambo  inóy P^" 
e 
Py Co, : Cha Cha Krump co? 


7 S v 
P Rosetta Dance Studio pè E 


根据 亲密 性 原则 来 组 织 这 些 信息 《如 下 图 所 示 )， 可 以 清楚 地 表达 关键 
信息 ， 包 括 : 谁 、 做 什么 、 什 么 时 间 以 及 在 哪里 。 这 样 一 来 就 不 会 失去 潜 
在 的 顾客 ， 因 为 倘若 不 做 此 改进 ， 他 们 有 可 能 不 愿 在 这 一 大 堆 杂 乱 无 章 的 
文本 中 搜寻 ， 并 因此 放弃 。 

你 不 要 认为 ， 不 管 怎样 都 必须 通过 自己 的 设计 来 突出 “舞蹈 ”这 个 主题 
(在 这 个 例子 中 )。 此 时 ， 如 果 要 在 简单 表达 和 并 不 专业 的 设计 之 间 做 出 选择 的 
话 ， 你 应 该 选择 简单 表达 。 设 计 技 能 需要 逐步 提高 ， 要 先 从 简单 的 表达 开始 。 


1Leapp to Dance! 


Rosetta Dance Studio * 109 Jive Lane * Saturdays 9a.m. to 3 p.n. 


Smooth Rhythm Street Social 

Waltz Cha Cha HipHop East Coast Swing 
Tango Rumba Krump West Coast Swing 
Foxtrot Bolero Funk Lindy Hop 
Quickstep Mambo Clown Salsa 


With or without a partner! 


字体 Prizes! Free Tea and Scopes! 
Jiggery Pokery 
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也 许 你 在 自己 的 工作 中 已 经 用 过 亲密 性 原则 ， 不 过 可 能 做 得 还 不 够 充分 ， 还 没有 最 有 效 地 
发 挥 它 的 作用 。 仔 细 看 看 你 的 那些 页 面 ， 看 看 页 面 上 的 那些 元 素 ， 再 看 看 哪些 元 素 应 当 分 在 一 
组 。 





Want to be an 


UNDERSTANDER? 


How'd you like to ... 
understand every word and every nuance in a Shakespeare play? 
Can you imagine... 


going to see a play performed and actually understanding 
everything that's going on? 


What if you could... 


laugh in the right places in a play, cry in the right places, 
boo and hiss in the right places? 


Ever wanted to... 


talk to someone about a Shakespearean play and have 
that person think you know what you're talking about? 


Would you like to... 






have people admire and even esteem you because 
you know whether or not Portia cheated her father 
by telling Bassanio which casket to choose? 
It's all possible. 
Live the life you've dreamed about! 


Be an Understander! 


For more info on how to wisen up and start your new life as an 


Understander, contact us right away: phone: 1-800-555-1212; 字体 
email: BenQ TheUnderstanders.com Clarendon 748 £& 
和 Roman 


设计 这 个 小 传单 的 人 在 每 个 标题 和 段落 后 面 都 加 了 两 个 回 车 。 
这 样 一 来 ， 标 题 与 它 上 下 的 正文 之 间 就 有 同样 的 距离 ， 所 以 看 上 
去 它们 是 孤立 的 、 没 有 任何 关联 的 项 。 你 无 法 分 清 标 题 属 于 它 上 
面 的 文本 还 是 属于 下 面 的 文本 ， 原 因 就 出 在 上 下 的 距离 都 相等 。 


这 里 有 很 多 空白 可 以 利用 ， 不 过 这 些 空白 都 被 打 散 了。 另外 
有 些 空白 放置 不 当 ， 比 如 标题 与 其 相关 正文 之 间 的 空白 。 如 果 像 
这 样 “截留 ” 空白 ， 从 视觉 上 看 就 会 把 元 素 分 隔 开 。 





将 有 关系 的 项 归 为 一 组 。 如 采 页 面 上 有 些 区 域 的 组 织 不 太 清晰 ， 则 要 看 看 这 些 项 是 不 是 存 
在 本 不 该 有 的 亲密 性 。 使 用 这 个 简单 的 设计 原则 来 管理 空间 ， 不 仅 会 使 页 面 更 有 条 理 ， 看 上 去 


也 更 美观 。 





Want to be an 


UNDERSTANDER? 





How'd you like to... 
understand every word and every 
nuance in a Shakespeare play? 


Can you imagine... 
going to see a play performed and actually 
understanding everything that's going on? 


What if you could... 

laugh in the right places in a play, 
cry in the right places, boo and hiss 
in the right places? 


Ever wanted to... 

talk to someone about a Shakespearean play 
and have that person think you know what 
you're talking about? 


Would you like to... 

have people admire and even esteem you 
because you know whether or not Portia 
cheated her father by telling Bassanio 
which casket to choose? 


It's all possible! 
Live the life you've dreamed about — 
be an Understander! 


For more info on how to wisen up and start your 





new life as an Understander, contact us right away: 字体 
1.800.555.1212 
BenQ'TheUnderstanders.com Clarendon 
THUS. Roman 
及 细 体 


如 有 果 对 这 个 传单 做 一 处 修改 ， 只 需 把 标题 移 到 离 其 相关 文本 


段 更 近 的 位 置 ， 这 就 会 天 来 很 多 变化 : 


D 条 理 更 清楚 。 
DO 元 素 内 部 不 再 截留 空白 。 


O 页 面 看 上 去 有 更 多 的 空间 ， 使 这 个 小 传单 显得 不 那么 拥挤 。 
这 里 还 把 电话 号 码 和 E-mail 地 址 分 行 放置 ， 不 过 它们 归 为 一 


组 ， 与 其 他 信息 分 开 ， 这 样 就 能 作为 重要 信息 突出 出 来 。 


你 可 能 还 注意 到 ， 我 把 居中 对 齐 改 为 左 对 齐 〈( 这 就 是 对 齐 原 


则 ， 将 在 下 一 章 解释 )， 这 样 就 留 出 了 更 多 空间 可 以 将 图 片 放 大 。 











MRI RESÍR A IRAH CS A IEEE SER SCIRUU R RR, MRAK DU EUH ERA 
地 这 样 做 ， 并 把 这 个 概念 更 向 前 推进 一 步 。 一 旦 了 解 了 各 元 素 之 间 的 关系 是 何等 的 重要 ， 承 会 注 
意 到 亲密 性 的 效 末 。 而 一 旦 开始 注意 到 这 种 效果 ， 就 会 利用 它 ， 擎 握 它 ， 并 施 以 充分 的 控制 。 


字体 
Potrzebie 
Times New Roman 


你 可 能 会 认为 再 没有 比 这 更 糟糕 的 菜单 了 ， 但 这 确实 是 我 从 
一 家 餐馆 拿 到 的 。 不 错 ， 最 严重 的 问题 是 所 有 的 信息 都 扒 在 一 起 。 

在 根据 这 个 信息 进行 设计 之 前 ， 先 写 出 同属 一 "a tne: 

， 将 这 些 元 素 分 组 。( 你 应 该 知道 如 何 做 到 这 一 点 ， 只 需 充分 调 
动 你 的 大 脑 )。 

一 旦 为 信息 建立 了 不 同 的 分 组 ， piens 面 上 摆弄 这 
你 手头 肯 定 有 一 合计 生机 € A 么 摆弄 实在 是 方法 多 

。 要 学 会 如 何 用 你 的 软件 格式 化 页 面 。 








在 下 面 的 例子 中 ， 我 在 单独 的 菜单 项 之 间 腾 出 了 更 多 的 空间 。 当 然 ， 不 应 当 采 用 全 部 大 
写 的 形式 ， 因 为 读 起 来 确实 费劲 。 我 把 它 改 成 了 首 字母 大 写 的 形式 ， 同 时 把 字体 也 缩小 了 两 个 
点 。 两 种 做 法 都 为 各 个 元 素 间 预 留 了 更 多 空间 。 


字体 

Potrzebie 

| Times New Roman 粗 体 
和 常规 字体 





原来 那个 菜单 中 最 大 的 问题 是 信息 之 间 没 有 分 开 。 只 
有 在 你 的 软件 中 学 会 如 何 格式 化 页 面 ， 才 能 在 每 个 元 素 前 
后 精确 预 留 所 需 空间 。 


原来 的 所 有 文本 都 用 大 写 ， 而 且 是 一 大 “ 块 ” 文 本 ， 
这 就 占据 了 所 有 的 空间 ， 再 没有 任何 “ 留 白 ”能 让 你 的 眼 
睛 稍 作 休 息 。 完 全 可 以 把 文本 的 字体 设置 为 小 于 12 A. 
的 ， 确 实 可 以 这 么 做 ! 
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上 一 页 的 例子 中 ， 对 Starters (开胃 小 吃 ) 和 Entrees (EX) 的 区 分 还 存在 一 点 小 问题 。 试 
着 把 每 部 分 内 容 缩 进 ， 看 看 多 出 的 空间 是 不 是 能 更 明确 地 是 义 这 两 个 组 ， 同 时 仍然 能 很 清楚 地 
表示 出 它们 还 是 类 似 的 组 。( 我 还 把 Starters 和 Entrees 的 字体 放大 了 ， 这 里 采用 了 对 比 的 原则 。) 


Gertrude's Piano Bar 


Starters 
Gertrude's Famous Onion Loaf - 8 
Gazpacho or Asparagus-Spinach Soup - 7 


Summer Garden Tomato Salad - 8 
sliced vine-ripened yellow and red tomatoes with 
fresh mozzarella and basil Balsamic vinaigrette 


Hamlet's Chopped Salad - 7 
cubed cucumbers, radishes, avocado, tomatoes, Jarlsberg 
cheese, and romaine leaves tossed in a light lemon vinaigrette 


Caesar Salad - 7 
house-made dressing, Parmesan, and croutons 


Caribbean Ceviche - 9 
lime-marinated baby scallops with red pepper, onions, 
cilantro, jalapenos, and orange juice 


Shrimp Cocktail - 14 

five large shrimp with house-made cocktail sauce 
Entrees 

New York steak, 16 ounce - 27 

Rotisserie Chicken - 17 

Fresh Fish, 10 ounce - Market Price 

Grilled Shrimp - 24 


New Orleans Lump Crab Cakes - 18 
with warm vegetable coleslaw, mashed potatoes, 
spinach, and Romesco sauce 


Grilled Portobello Mushroom - 18 
stuffed with Ricotta cheese, garlic, onions and spinach, 
served over mashed potatoes 


New Zealand Rack of Lamb - 26 
Barbequed Baby Back Ribs - 24 
Australian Lobster Tail, 10 ounce - Market Price 


Surf & Turf 
Australian Lobster & 8 ounce Filet - Market Price 


Starters 和 Entrees 前 面 确 实 再 没有 足够 的 空间 留 出 空白 
了 ， 不 过 设置 缩 进 还 是 绰绰有余 的 。 标 题 下 面 多 出 的 空间 有 
助 于 区 分 这 两 组 信息 。 只 需 一 点 点 空间 就 能 达到 这 种 效果 。 





亲密 性 原则 往往 并 非 设计 页 面 唯一 的 解决 方法 。 另 外 三 个 原则 在 设计 过 程 中 也 是 少不了 
的 ， 通 常 你 会 发 现 所 有 这 四 个 原则 都 会 用 到 。 不 过 在 这 里 我 们 一 次 只 讨论 一 个 原则 ， 先 从 亲密 
性 原则 开始 介绍 。 在 下 面 的 例子 中 ， 可 以 想象 一 下 ， 如 果 我 开始 没有 设置 适当 的 间隔 ， 那 么 其 
fi UP Ee JUS XL. 


字体 
Potrzebie 
Cotoris 粗 体 及 斜体 





这 里 没有 选择 Times New Roman 字体 ， 而 是 采用 了 一 种 
更 有 趣 的 字体 ， 这 很 容易 做 到 。 之 前 对 菜单 上 菜品 的 描述 设 
置 了 适当 的 缩 进 ， 这 有 助 于 进一步 区 分 各 项 。 

但 有 一 点 我 认为 不 太 好 ， 菜 品 的 价格 与 每 道 菜 的 描述 挤 
在 一 起 (还 用 了 连 字 符 )， 所 以 我 把 价格 都 右 对 齐 ， 这 样 不 仅 
清晰 而 且 摆 放 一 致 。 这 正 是 对 齐 原则 ， 后 面 将 介绍 这 个 内 容 。 
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利用 简单 的 亲密 发 生 原 则 ， 信 息 将 收集 到 多 个 逻辑 组 中 ， 使 访问 者 能 更 容易 地 在 网 页 上 导 
航 。 看 看 你 感觉 不 错 的 那些 网 站 ， 你 会 发 现 ， 那 些 网 站 的 信息 都 按 逻 辑 做 了 分 组 。 
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SHAKESPEARE BY 


The Shakespeare fapers aram — 


About the Papers: The Philosophy The Product The Designer 
The Topies: Symbology, Motifs, Language, Collections, Themes, Quizzes 


Contact Us: Subscribe Request a Sample Comments 
The Shakespeare Papers are snippets of amusing, 
T tantalizing, peculiar, educative, unexpected, surpris- 
ing, brilliant, intriguing, and occasionally controversial 
tidbits about the Shakespearean plays and sonnets. Each 
beautifully designed, full-color, bimonthly, 16-page book- 


let focuses on one tiny aspect of these luminous works. 


Why, you ask? 字体 
There are some shrewd contents in yon same Wade Sans Light 
paper! 一 PoRTIA IN Tum MERCHANT OF VENICE Clarendon 粗 体 
和 Roman 


PA 
A 
1 zd 
O "nne —  — 


这 个 页 面 上 的 信息 简直 乱七八糟 。 看 看 标题 下 面 的 网 站 链接 。 它 们 同 
等 重要 吗 ? 上 面 的 布局 似乎 是 这 样 的 ， 但 实际 上 并 非 如 此 。 





有 必要 再 次 强调 : 从 理解 的 角度 你 已 经 知道 了 如 何 使 用 亲密 性 ， 而 且 已 经 知道 如 何 将 各 部 
分 信息 收集 到 相应 的 组 中 。 所 要 做 的 只 是 把 这 种 技巧 具体 应 用 到 实际 页 面 上 。 用 留 白 来 对 元 到 
We 
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Y The Shakes eare h ers 


Shakespeare by Design, a wee bit at a time 


About the Papers The Shakespeare Papers are snippets of 


The Philosophy ; 11 : : 
The Produot amusing, tantalizing, peculiar, educative, 
The Designer unexpected, surprising, brilliant, intriguing, 
Current Topies and occasionally controversial tidbits about 
Symbology 
Motifs the Shakespearean plays and sonnets. 
Language 
Collections Each beautifully designed, full-color, bimonthly, 
Themes ; 
Ghia 16-page booklet focuses on one tiny aspect of 
these luminous works. Why, you ask? 
Contact Us E 
Subscribe 字体 
ee Sample " bonfari ; Wade Sans 细 体 
JOmumernts ere are some shrewd contents in yon same paper: Claren don 粗 人 本 


PORTIA in The Merchant of Venice 
Roman 


C 


在 这 里 ， 我 把 所 有 网 站 链接 都 移入 一 列 ， 来 显示 它们 相互 之 间 的 关系 。 

这 里 把 引用 的 文字 放 在 离 正文 更 远 的 位 置 ， 因 为 它们 彼此 并 没有 直接 关系 。 

我 还 使 用 了 对 齐 原则 将 在 第 3 章 讨 论 ) : 这 里 使 用 了 左 对齐 ， 并 确保 各 元 
AA A TRANS. 
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杀 密 性 小 结 





如 果 多 个 项 相互 之 间 存 在 很 近 的 亲密 性 ， 它 们 将 成 为 一 个 视觉 单元 ， 而 不 是 多 个 孤立 的 元 
素 。 彼 此 相关 的 项 应 当归 在 一 组 。 要 有 意识 地 注意 你 是 怎样 阅读 的 ， 你 的 视线 怎样 移动 : 从 哪 
里 开始 ， 沿 着 怎样 的 路 径 ， 到 哪里 结束 : 读 完 之 后 ， 接 下 来 看 哪里 ?整个 过 程 应 当 是 一 个 合理 
的 过 程 ， 有 确定 的 开始 ， 而 且 要 有 确定 的 结束 。 

根本 目的 

亲密 性 的 根本 目的 是 实现 组 织 性 。 尽 管 其 他 原则 也 能 达到 这 个 目的 ， 不 过 利用 亲密 性 原则 ， 
只 需 简单 地 将 相关 的 元 素 分 在 一 组 建立 更 近 的 亲密 性 ， 就 能 自动 地 实现 条 理性 和 组 织 性 。 如 果 
信息 很 有 条 理 ， 将 更 容易 阅读 ， 也 更 容易 被 记 住 。 此 外 还 有 一 个 很 好 的 “副产品 ” 利用 亲密 性 
原则 ， 还 可 以 使 空白 〈 这 是 设计 者 们 最 喜欢 的 ) 更 美观 〈 也 更 有 条 理 )。 



































如 何 实现 


微微 上 张 起 眼睛 ， 统 计 你 的 眼睛 集 顿 的 次 数 来 数 一 数 页 面 上 有 多 少 个 元 隶 。 如 来 页 面 上 的 项 
超过 3 ~ 5 个 (当然 ， 这 取决 于 具体 情况 )， 就 要 看 看 哪些 孤立 的 元 素 可 以 归 在 一 组 建立 更 近 的 
亲密 性 ， 使 之 成 为 一 个 视觉 单元 。 


要 避免 的 问题 

不 要 仅仅 因为 有 空 白 就 把 元 素 放 在 角 洛 或 中 央 。 

避免 一 个 页 面 上 有 太 多 孤立 的 元 系 。 

不 要 在 元 素 之 间 留 出 同样 大 小 的 空白 ， 除 非 各 组 同属 于 一 个 子 集 。 


标题 、 子 标题 、 图 表 标 题 、 图 片 能 否 归 人 其 相关 材料 ? 在 这 个 问题 上 一 定 要 非常 清楚 〈 哪 
怕 只 有 一 点 含糊 都 要 尽量 避免 )。 在 有 很 近亲 密 性 的 元 素 之 间 建 立 关系 。 


不 同属 一 组 的 元 素 之 间 不 要 建立 关系 ! 如 果 元 素 彼 此 无 关 ， 要 把 它们 分 开 。 











W 
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对 F 


设计 新 手 往 往 很 草 卒 ， 只 要 页 面 上 刚好 有 空间 ， 就 会 把 文本 和 图 片 放 在 那里 ， 而 全 然 不 考 
虑 页 面 上 的 其 他 项 。 这 样 得 到 的 页 面 会 给 人 一 种 杂乱 无 草 的 感觉 ， 束 像 是 一 个 略 显 混 乱 的 厨房 ， 
你 应 该 知 赴 这 是 一 种 什么 状 总 ， 可 能 这 儿 有 一 个 杯子 ， 那 里 有 一 个 盘子 ， 也 许 门 上 挂 春 块 餐巾 ， 
水 谈 搁 在 水 池 里 ， 其 至 门 上 还 有 块 污 省 。 清 理 这 样 一 个 有 些 乱 的 厨房 不 用 花 太 大 功夫 ， 同 样 ， 
如 朱 缺 乏 对 齐 而 导致 设计 略 显 茶 乱 ， 清 理 这 样 一 个 设计 也 无 需 花 费 太 多 时 间 。 


Robin 对 齐 原 则 是 指 :“ 任 何 元 素 都 不 能 在 页 面 上 随意 安放 。 每 一 项 都 应 当 与 页 面 上 的 某 个 
内 容 存 在 某 种 视觉 联系 "。 对 齐 原则 有 要求 特别 小 心 ， 再 不 能 像 从 前 那样 ， 只 要 页 面 上 刚好 有 空间 
WB BEES "25" AME. 


如 果 页 面 上 的 一 些 项 是 对 齐 的 ， 这 会 得 到 一 个 更 内 聚 的 单元 。 即 使 对 齐 的 元 系 物理 位 置 是 
彼此 分 离 的 ， 但 在 你 眼 里 (以 及 在 你 的 心里 )， 它 们 之 间 也 会 有 一 条 看 不 见 的 线 把 它们 连 在 一 
起 。 尺 管 你 可 能 通过 分 开放 置 菏 些 元 素来 指示 它们 的 关系 “使 用 亲密 性 原则 )， 但 对 齐 原 则 很 
“神奇 ” 它 会 告诉 读者 ， 即 使 这 些 项 并 不 徘 近 ， 但 它们 属于 同一 组 。 下 面 的 页 面 就 展示 了 这 种 


思想 。 
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来 看 下 面 这 个 企业 名 片 ， 它 与 上 一 章 看 到 的 名 厂 是 一 样 的。 这 个 名 片 的 一 个 问题 是 ， 名 片 
上 所 有 元 素 都 未 与 其 他 元 系 对 齐 。 在 这 个 小 小 的 空间 里 ， 存 在 3 组 对 齐 方式 不 同 的 元 素 : 左 对 
齐 、 右 对 齐 和 居中 。 上 和 角 的 两 组 文本 未 能 沿 同样 的 基线 对 章 ， 为 外 它们 与 名 片 压 部 的 两 组 元 素 
未 按 左 边线 或 右边 线 对 齐 〈 此 外 ， 也 没有 沿 其 基线 对 齐 )。 

















Ralph Roister Doister (717) 555-1212 看 I * : 这 个 名 H L 的 元 A jk 好 

像 是 随意 扔 上 去 并 被 烙 住 一 样 。 这 里 

所 有 元 素 都 与 名 片上 任何 其 他 元 素 没 

有 关联 。 
Mermaid Tavern 


1027 Bread Street London, NM 


花 点 时 间 看 看 哪些 项 应 当 分 在 一 组 ， 以 建 
立 更 近 的 亲密 性 ， 而 哪些 项 应 当 分 开 。 


把 所 有 元 素 都 移 至 右 侧 ， 使 它们 


Mermaid Tavern 按 同一 种 方式 对 齐 ， 现 在 信息 立刻 就 
Ralph Roister Doister 更 有 条 理 了 。( 当 然 ， 将 相关 的 元 素 分 
组 以 建立 更 近 的 亲密 性 ， 对 和 于 信 息 的 
组 织 也 是 有 帮助 的 。) 
1027 Bread Street 下 面 这 些 文本 项 有 了 一 个 共同 的 


L N l abg Med 
Heuer 边界 ， 这 个 边界 把 它们 联系 在 了 一 起 。 








在 有 关 亲 密 性 一 市 的 例子 中 下 面 再次 显示 了 这 个 例子 )， 文 本 也 是 对 齐 的 ， 但 那 时 采用 
的 是 居中 对 齐 。 不 过 ， 如 果 文 本 为 左 对 齐 或 右 对 齐 ， 让 文本 联系 在 一 起 的 那 条 看 不 见 的 线 会 更 
明确 ， 因 为 现在 有 一 条 “ 便 ” 的 竖 边 。 这 就 使 左 对 齐 和 右 对 齐 的 文本 看 起 来 外 观 更 清晰 、 效 果 
更 分 明 。 比 较 下 面 的 两 个 例子 ， 后 面 几 页 将 继续 讨论 。 








Ld 这 个 例子 的 布局 很 好 ， 文 本 项 
Mermaid Tavern 都 进行 了 分 组 ， 使 之 具有 合理 的 亲密 
Ralph Roister Doister 性 。 文 本 本 身 居 中 对 齐 ， 并 在 页 面 上 


居中 放置 。 尽 管 这 是 一 种 合法 的 对 齐 
方式 ， 但 边界 是 “ 软 ” 的 ; 实在 看 不 
1027 Brehd Street 出 AF 条 X[3F A ' 的 强度 : 


London, NM 
(717) 555-1212 


x 5p ER NGE Sb E. T 
Mermaid Tavern 过 现在 采用 右 对 齐 方式 。 你 能 看 出 右 
Ralph Roister Doister xp] R”? xU 
: 尽管 这 是 一 条 看 不 见 的 线 ， 但 它 

很 明确 ， 连 接 了 这 两 组 文本 的 边界 。 


— 现在 确实 可 以 看 出 边界 。 正 是 这 个 边 
London, NM 界 的 强度 为 布局 提供 了 力度 。 


(717) 555-1212 


这 里 右 侧 有 一 条 看 不 
见 的 线 ， 将 彼此 分 离 的 文 
本 连 在 了 一 起 。 
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你 是 不 是 不 由 目 主 地 就 想 一 切 都 届 中 ? 居中 对 齐 是 初学 者 最 肖 用 的 对 齐 方 式 ， 这 种 对 齐 看 
起 来 很 安全 ， 感 觉 上 也 很 舒服 。 居 中 对 齐 会 创建 一 种 更 正式 、 更 稳重 的 外 观 ， 这 种 外 观 显得 更 
为 中 规 中 和 矩 ， 但 通常 也 很 乏味 。 请 注意 你 喜欢 的 那些 设计 。 我 敢 保 证 ， 大 多 数 看 来 精巧 的 设计 
祁 没 有 采用 居中 对 齐 。 我 知道 ， 作 为 一 个 初学 者 ， 要 完全 据 径 居中 对 齐 会 很 难 ， 但 你 必须 从 一 
开始 就 强制 自己 避 开 它 。 通 过 充分 利用 亲密 性 ， 并 结合 明确 的 右 对 齐 或 左 对 齐 ， 你 会 慰 异 于 设 
计 的 改观 。 























Business Plan 

for 

The Shakespeare 
Papers 


Business Plan 
for 
The Shakespeare Papers 


by Patricia Williams 


February 25 


by Patricia Williams 
February 85 





这 是 一 个 很 典型 的 报告 封面 ， 利用 明确 的 左 对 齐 ， 可 以 使 


A E 这 个 报告 封面 给 人 留 下 更 精美 的 印 


这 种 标准 格式 提供 了 乏味 的 外 
观 ， 表 现 出 几乎 是 一 种 业余 水 准 ， 
这 会 影响 别人 对 整个 报告 的 第 一 印 
A e 


字体 
ITC American Typewriter 


中 粗 体 及 粗 体 





象 。 尽 管 作者 的 名 字 离 题目 很 远 ， 
但 那 条 看 不 见 的 线 提供 了 强 有 力 的 
对 齐 基准 ， 可 以 将 这 两 个 文本 块 连 
在 一 起 。 


信纸 的 设计 选择 可 请 丰富 多 彩 ! 不 过 ， 最 终 总 免不了 趋 于 一 种 平淡 的 大 中 对 齐 。 如 何 设置 
信纸 的 布局 ， 对 此 你 有 充分 的 日 由 ， 不 过 一 定 要 记 住 对 齐 。 


Mom & Pop 
Corner Grocery Store 


5 Jam Street - Wilton - Illinois - 00123 


这 不 算 糟 糕 ， 但 这 种 居中 布局 
有 点 乏味 ， 而 且 讽 框 束缚 了 整个 空 
间 ， 给 人 一 种 受 限制 的 感觉 。 


Mom 
& Pop 


Corner 
Grocery 
Store 


5 Jam Street 
Wilton 
Illinois 

00123 


文本 位 于 左 侧 ， 采 用 了 右 对 齐 。 
输入 的 字体 将 为 严格 的 左 对 齐 ， 与 
布局 的 右 对 齐 格式 保持 一 致 。 


ee 


: Mom & Pop 
: Corner Grocery Store 


. 5 Jam Street - Wilton - Illinois - 00123 


这 种 左 对 齐 使 页 面 更 为 精美 。 
只 是 在 左边 留 有 虚线 ， 这 就 使 页 面 
变 得 开放 ， 而 且 突 出 了 对 齐 。 


Mom & Pop 
Corner Grocery Store 


5 Jam Street - Wilton » Illinois 00123 


勇敢 一 些 ! 不 要 长 缩 ! 


字体 


Minister 细 休 及 粗 体 —— 
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我 并 不 是 建议 你 绝对 不 要 居中 ! 只 是 要 留意 这 种 居中 对 齐 的 效果 ， 这 真 的 是 你 想 要 表达 的 
效 朱 吗 ? 当然 ， 有 时 候 确 实 如 此 ; 例如 ， 大 多 数 婚礼 虱 很 庄重 、 很 正式 ， 所 以 ， 如 果 你 想 用 居 
中 方式 设计 你 的 结婚 喜帖 ， 完 全 可 以 在 营造 豆 庆 的 同时 有 意 这 么 做 。 


WELA A H, m 
少 让 它 明 显 一 点 ! 








试 试看 ， 包 含 居 中 文本 如 果 想 让 文本 居中 ， 党 试 
的 块 不 要 居中 。 一 下 用 另外 某 种 方式 使 它 更 生 
动 。 


字体 
Snna icole 








有 时 ， 你 可 能 会 在 居中 布局 上 增加 一 点 小 技巧 ， 如 将 文本 居中 ， 但 是 文本 块 本 身 不 居中 。 
或 者 将 文本 放 在 页 面 的 上 方 ， 增 加 紧张 性 。 或 者 在 一 个 很 正式 的 居中 布局 中 设置 一 种 非常 随 
意 、 有 趣 的 字体 。 但 不 论 怎 样 ， 千 万 不 能 做 的 是 : 设置 12 点 大 小 的 Times 字体 ， 男 加 两 个 回 


车 ! 








O thou pale Orb 
that silent shines 


While care-untroubled | 


mortals sleep! 


Robert Burns 





正 是 这 种 布局 使 得 “ 居 要 想 有 效 地 设置 居中 对 齐 ， 
中 ”名 声 不 好 : 不 仅 字体 很 乏 需要 多 做 一 些 工 作 。 这 个 布局 使 
味 ， 而 且 也 大 大 了 ， 文 本 挤 在 用 了 一 种 经 典 的 字体 ， 而 且 字 体 
一 起 ， 每 块 之 间 还 有 两 个 回 设置 得 很 小 《相对 来 讲 )。 现 在 
车 。 不 仅 如 此 ， 双 线 边 框 更 使 行 间 有 更 多 空间 ， 文 本 周围 有 大 
这 个 布局 的 效果 减 分 。 量 空白 ， 兄 外 不 再 有 边框。 





用 宽 而 短 的 纸 强调 一 种 宽 型 的 
居中 布局 。 下 一 个 传单 设计 中 可 以 
尝试 让 文本 和 斜 间 一 边 。 








字体 
这 里 用 瘦 高 的 纸 强 Times New Roman 
调 m $ 中 细 长 条 式 的 Ji 中 puedes i 


布局 。 MilkScript 
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你 可 能 已 经 习惯 了 使 用 文本 对 齐 。 在 得 到 更 多 培训 之 前 ， 一 定 要 坚持 一 个 原则 : 页 面 上 只 
EN 





这 段 文 本 为 左 对 齐 。 这 段 文本 为 右 对 齐 。 
有 人 称 之 为 方形 左 对 齐 ， 有 人 称 之 为 方形 右 对 
或 者 就 称 为 左 对 齐 。 齐 ， 或 者 就 称 为 右 对 齐 。 
这 上段 文本 居中 。 
如 果 想 将 文本 居中 ， 就 做 得 明 
时 一 上 


在 这 一 段 中 很 难 区 分 文本 
是 有 意 居 中 还 是 无 意 为 之 。 
4 — Unies itin 
它们 并 非 完 全 不 同 。 如 果 
ee 
又 何必 那么 麻烦 地 将 其 居中 呢 ? 


这 段 文本 为 两 端 对 齐 。 有 人 称 之 为 方形 左右 对 齐 ， 也 有 人 
称 之 为 块 对 齐 ， 因 为 文本 两 端 均 对 齐 。 不 论 这 种 对 齐 方式 
叫 什 么 ， 都 要 尽力 避免 ， 除 非 行 足够 长 ， 能 够 避免 单词 之 
间 出 现 难看 的 空 除 。 


有 时 ， 你 可 能 喜欢 在 同一 个 页 面 上 同时 使 用 右 对 齐 和 左 对 齐 文本 ， 不 过 一 定 要 确保 让 这 些 
文本 以 荣 种 方式 对 齐 ! 


在 这 个 例子 中 ， 标 题 和 子 标 
Robert Burns 题 都 是 左 对 齐 ， 不 过 文字 介绍 是 





Poems in Scots 居中 的 ， 两 个 文本 元 素 之 间 没 有 
and English 共同 的 对 齐 方式 。 它 们 相互 之 间 
没有 任何 联系 。 
The most 


complete edition 
available of 
Scotland's 
greatest poet 


尽管 这 两 个 元 素 仍 然 采 用 两 





Robert 种 不 同 的 对 齐 方式 (上 面 是 左 对 
> pu E > EKTA 
Burns 齐 ， 下 面 是 右 对 齐 )， 但 是 下 面 人 
AXLK CE) 边 罩 与 上 方 标题 
Poems in Scots . EE a 
and English 的 右边 界 对 齐 ， 这 就 用 一 条 看 不 
见 的 线 把 二 者 连接 起 来 。 这 绝 非 
偶然 ! 
The most 
complete edition 
available 
of Scotland's 


greatest poet 


字体 

Aachen 粗 体 

Warnock Pro Light Caption 
和 Light Italic Caption 
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在 页 面 上 放 其 他 项 时 ， 一 定 要 确 你 每 一 项 剖 与 页 面 上 的 其 他 项 存在 某 种 对 齐 。 如 琳 文 本 行 
水 平 控 放 ， 则 按 其 基线 对 齐 。 如 朵 有 多 个 单独 的 文本 块 ， 则 对 齐 其 左边 界 或 右边 界 。 如 果 有 图 
片 元 系 ， 将 其 边界 与 页 面 的 其 他 边界 对 齐 。 


绝对 不 要 在 页 面 上 任意 摆 放 元 素 ! 


Example 6: Value of a resistor in an electrical circuit. 


Find the value of a resistor in an electrical circuit which will dissipate the charge to 1 percent 
of its original value within one twentieth of a second after the switch is closed. 
































Switch-> i- $ ui 
i= 0.09 volts 
= 0.05 seconds 

| L= 8 henrys 
Battery Capacitor [C] Inductor [L] C- 0.0001 farads 
Resistor R= | 300 | ohms 
[R] 
q(t)= 0.253889 
| MISC ] 1250 | 
[R /(2*L)]^2 351.5625 
SQRT(B15-B16) 29.973947 
COS(T*B17) 0.07203653 
-R. *I(2*L) -0.93/5 
Q0--EXP (B 19) 3.52445064 

















这 里 存在 两 个 问题 ， 对 不 对 ? 首先 缺乏 亲密 性 ， 而 且 对 齐 做 得 不 好 。 


这 可 N vides 但 并 不 妨碍 让 这 个 页 面 看 上 去 尽 可 能 好 看 一 些 ， 并 
尽 可 能 清楚 地 表达 信息 。 尽 管 这 里 的 信息 理解 起 来 很 困难 ， 但 正 是 这 i 
可 能 清晰 、 有 条 理 地 表述 信 s. 


字体 
Trade Gothic Bold Condensed No. 20 
Trade Gothic Condensed No. 18 


WRAAE UAR, AERAR ERMEZ. RRES A AFE 
物 ， 这 会 给 人 一 种 平静 、 安 全 的 感觉 。 此 外 也 有 助 于 表达 信息 。 


作为 优秀 的 设计 ， 都 可 以 在 对 齐 的 对 象 间 画 出 “对 齐 线 ”， 即 使 这 些 设计 总 体 表现 为 汇集 
了 大 量 奇 特 的 内 容 ， 甚 至 动感 实 足 ， 这 种 “对 齐 线 ”也 很 明确 。 


Example 6: Value of a resistor in an electrical circuit. 


Find the value of a resistor in an electrical circuit which will dissipate the charge to 1 percent 
of its original value within one twentieth of a second after the switch is closed. 





























q0= 9 volts 
Switch-» q(t)= 0.09 volts 
t= 0.05 seconds 
[二 8 henrys 
Battery Capacitor [C] Inductor [L] w= DOOD ms 
R= 1300 | ohms 
Resistor | 
[R] qtb= [0.253889 | 
EÇ ] 1250 
[R /(2*L)]^2 351.5625 
SQRT(B15-B16) 29.973947 
COS(T*B17) 0.07203653 
-R. *T/(2*L) -0.9375 
Q0--EXP (B 19) 3.52445064 











只 是 将 各 部 分 对 齐 就 能 带 来 这 么 大 的 差异 。 可 以 注意 到 ， 页 面 上 任何 一 项 都 不 是 随 
意 放置 的 ， 每 一 项 都 与 页 面 上 的 另外 一 项 存在 某 种 视觉 上 的 联系 。 

如 果 我 很 清楚 这 个 图 表 是 什么 意思 ， 可 能 会 让 右边 的 方 框 离 那 个 较 大 方 框 〈《 左 上 方 
HAE) 更 远 一 些 ， 再 向 右 移 一 点 ， 并 使 其 顶部 对 齐 。 或 者 ， 可 能 会 把 下 面 的 方 框 移 远 
一 些 。 我 会 根据 这 3 个 方 框 相互 之 间 的 净 辑 关系 调整 它们 之 间 的 间 陋 。 
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许多 设计 新 手 的 作品 部 存在 一 个 问题 ， 这 束 是 对 齐 方面 各 有 欠缺 ， 如 在 缩 进 的 段落 上 面 拓 
中 放置 标题 和 子 标题 。 迅 速 看 一 眼 ， 下 面 这 两 页 上 的 例子 哪 一 个 能 给 人 留 下 更 清晰 、 更 突出 的 


印象 ? 


Violate Huskings 
Darn Honor Form 


Heresy rheumatic starry offer 
former's dodder, Violate Huskings, 


an wart hoppings darn honor form. 


Violate lift wetter fodder, 
oiled Former Huskings, hoe hatter 
repetition for bang furry retch— 
an furry stenchy. Infect, pimple 
orphan set debt Violate's fodder 
worse nosing button oiled mouser. 
Violate, honor udder hen, worsted 
furry gnats parson —jester putty 
ladle form gull, sample, morticed, 
an unafllicted. 


Tarred gull 


Wan moaning Former Husk- 
ings nudist haze dodder setting 
honor cheer, during nosing. 

VIOLATE! sorted dole 
former, Watcher setting darn fur? 
Denture nor yore canned gat retch 
setting darn during nosing? Germ 
pup otter debt cheer! 

Arm tarred, Fodder, resplen- 
dent Violate warily. 

Watcher tarred fur? aster 


Fetter pegs 
Are badger dint doe mush 
woke disk moaning! Ditcher curry 
doze buckles fuller slob darn tutor 
peg-pan an feeder pegs? 
Yap, Fodder. Are fetter pegs. 





Ditcher mail-car caws an 
swoop otter caw staple? Off curse, 
Fodder. Are mulct oiler caws an 
swapped otter staple, fetter check- 


ings, an clammed upper larder 
inner checking-horse toe gadder 
oiler aches, an wen darn tutor 
vestibule guarding toe peck oiler 
bogs an warms offer vestibules, an 
watched an earned yore closing, an 
fetter hearses an... 

Ditcher warder oiler hcarses, 


Loe? enter-ruptured oiled Huskings. 


Nor, Fodder, are dint” Dint warder 
mar hearses? Wire nut? Arm surrey, 





Fodder, butcher hearses jest worse F 

stenchy former, hoe dint half mush i siars et ee Hm 字体 

symphony further gull. Formata 粗 体 
Warnock Pro 常规 字体 


这 是 一 种 相当 常见 的 布局 ， 标 题 居中 ， 文 本 左 对 齐 ， 段 落 以 “打字 
机 ”宽度 缩 进 (也 就 是 说 ，5 个 空格 或 0.5 英寸 ， 这 一 点 你 应 该 在 学 校 
里 学 过 )， 另 外 插图 在 列 内 居中 。 
绝对 不 要 在 左 对 齐 的 正文 或 缩 进 的 文本 上 方 将 标题 居中 。 如 果 文本 
没有 明确 的 左边 界 和 右边 界 ， 就 无 法 区 分 标题 是 否 确实 居中 ， 看 起 来 它 
只 是 悬挂 着 而 已 。 
这 样 一 来 ， 没 有 对 齐 的 部 分 就 造成 页 面 非常 杂乱 ， 缩 进 很 大 ， 文 本 
的 右边 界 旦 锯齿 状 参差 不 齐 ， 居 中 的 标题 左右 两 边 都 有 空白 ， 另 外 插图 
也 居中 。 


党 试 一 下 : 在 上 例 中 划 线 ， 观 察 不 同 的 对 齐 方式 。 


尽管 这 些 未 对 齐 问 题 本 映 并 不 大 ， 但 它们 加 在 一 起 ， 就 会 导致 页 面 的 外 观 很 杂乱 。 应 当 找 


出 一 条 明确 的 线 ， 并 以 它 为 基准 对 齐 。 尽 管 这 里 的 改变 很 微妙 ， 也 许 你 的 老板 根本 说 不 出 这 个 
例子 与 前 一 个 例子 之 间 的 差别 从 何 而 来 ， 但 经 过 这 样 修改 ， 确 实 可 以 得 到 更 清晰 、 更 精美 的 外 


XL. 


Violate Huskings Darn Honor Form 


Heresy rheumatic starry offer 
former's dodder, Violate Husk- 
ings, an wart hoppings darn 
honor form. 

Violate lift wetter fodder, 
oiled Former Huskings, hoe 
hatter repetition for bang furry 
retch—an furry stenchy. Infect, 
pimple orphan set debt Violate's 
fodder worse nosing button oiled 


mouser. Violate, honor udder hen, 


worsted furry gnats parson—jest- 
er putty ladle form gull, sample, 
morticed, an unattlicted. 


Tarred gull 


Wan moaning Former Huskings 
nudist haze dodder setting honor 
cheer, during nosing. 

VIOLATE! sorted dole former, 
Watcher setting darn fur? 
Denture nor yore canned gat 
retch setting darn during nosing? 
Germ pup otter debt cheer! 

Arm tarred, Fodder, resplen- 
dent Violate warily. 

Watcher Larred fur? aster stenchy 
former, hoe dint half mush 
symphony further gull. 





Fetter pegs 
Are badger dint doe mush woke 
disk moaning! Ditcher curry doze 


buckles fuller slob darn tutor 
peg-pan an fetter pegs? 

Yap, Fodder. Are fetter pegs. 

Ditcher mail-car caws an swoop 
otter caw staple? Off curse, 
Fodder. Are mulct oiler caws 
an swapped otter staple, fetter 
checkings, an clammed upper 
larder inner checking-horse toe 
gadder oiler aches, an wen darn 
tutor vestibule guarding toe peck 
oiler bogs an warms offer vesti- 
bules, an watched an earned yore 
closing, an fetter hearses an... 

Ditcher warder oiler hearses, 
toe? enter-ruptured oiled Husk 


找 一 条 了 明确 的 对 齐 线 ， 并 坚持 以 它 为 基准 。 如 采 文 本 左 对 齐 ， 风 





标题 和 子 标题 也 设置 为 左 对 齐 。 
按 惯例 ， 第 一 段 都 不 缩 进 。 将 一 个 段落 缩 进 的 目的 是 为 了 告诉 你 
这 里 有 一 个 新 的 段落 ， 不 过 ， 你 肯定 知道 第 一 段 当然 是 一 个 新 段落 。 
在 打字 机 上 ， 缩 进 为 5 个 空格 。 对 于 计算 机 上 使 用 的 均衡 字体， 
标准 排版 缩 进 为 1 个 em Cem 是 以 点 数 衡量 的 字体 大 小 ) D， 这 更 接近 
于 两 个 空格 。 
要 当心 文本 的 锯齿 形 边界 。 对 各 行进 行 调整 ， 使 右边 界 尽 可 能 平 
滑 。 如 果 有 照片 或 插图 ， 则 按 一 个 边界 和 /或 一 个 基线 将 其 对 齐 。 


CD 如 字体 大 小 为 12 磅 ， 则 lem 为 12 磅 ， 如 果 字 体 大 小 改 为 14 磅 ，lem 则 为 14 人 磅 。 一 一 译 者 注 


即使 作品 的 设计 起 点 本 来 就 很 高 ， 在 对 齐 方面 稍 做 些 调 整 也 会 很 有 好 处 。 作 为 更 为 专业 的 
设计 ， 明 确 的 对 齐 很 关键 ， 但 这 一 点 通常 被 遗漏 。 请 检查 每 一 个 元 素 ， 确 保 它 与 页 面 上 的 另外 


东 个 元 素 存在 东 种 视 党 联系 。 





The story of a wicket woof and a ladle gull 


Wy. pawn term dare worsted ladle 


gull hoe lift wetter murder inner ladle cordage 
honor itch offer lodge, dock, Roriet. Disk ladle 
gull orphan worry Futty ladle rat cluck wetter 
ladle rat hut, an fur disk raisin pimple colder 
Ladle Rat Kotten Hut. 

Wan moaning Ladle Rat Rotten Hut'e murder 
colder inset. 

“Ladle Rat Rotten Hut, heresy ladle basking 
winsome burden barter an shirker cockles. Tick 
disk ladle basking tutor cordage offer groin- 
murder hoe lifts honor udder site offer florist. 
Shaker lake! Dun stopper laundry wrote! Dun 
stopper peck floors! Dun daily-doily inner florist, 
an yonder nor sorghum-stenches, dun stopper 
toraue wet strainers!” 

"Hoe-cake, murder" resplendent Ladle 
Rat Rotten Hut, an tickle ladle basking an 
etuttered oft. Honor wrote tutor cordage offer 
aroin-murder, Ladle Rat Rotten Hut mitten 
anomalous woof. 

“Wail, wail, wail” set disk wicket woof, 
“Evanescent Ladle Rat Rotten Hut! Wares are 
putty ladle gull goring wizard ladle basking?” 

“Armor goring tumor groin-murder's,” reprisal 
ladle gul. “Grammars seeking bet. Armor 
ticking arson burden barter an shirker cockles.” 

“O hoe! Heifer gnats woke; setter wicket 
woof, butter taught tomb shelf, “Oil tickle shirt 
court tutor cordage offer groin-murder O!l 
ketchup wetter letter, an den—O bore!” 

Soda wicket woof tucker shirt court, an 
whinny retched a cordage offer groin-murder, 
picked inner windrow, an sore debtor pore oil 
worming worse lion inner bet. Inner fiesh, disk 
abdominal woof lipped honor bet, pauriched 


by H. Chace 


nut cup an gnat-gun, any curdled ope inner 
bet. 

Inner ladle wile, Ladle Rat Rotten Hut a raft 
attar cordage, an ranker dough ball. “Comb ink, 
sweat hard, setter wicket woof, disgracing is 
verse. Ladle Rat Rotten Hut entity bet rum, an 
stud buyer groin-murders bet. 

“O Grammar" crater ladle gull historically, 
"Water bag icer gut! ^ nervoue eaueage bag 
ice!” 

“Battered lucky chew whiff, sweat hard,” 
setter bloat-Thureday woof, wetter wicket 
small honors phase. 

“O, Grammar, water bag noieel A nervous 
sore suture anomalous prognosis!” 

“Battered small your whiff, doling,” whiskered 
dole woof, ante mouse worse waddling. 

“O Grammar, water bag mouser gut! A 
nervous sore suture bag mouse!” 

Daze worry on-forger-nut ladle gull lest 
warts. Oil offer sodden, caking offer carvers 
an sprinkling otter bet, disk hoard-hoarded 
woof lipped own pore Ladle Rat Rotten Hut an 
garbled erupt. 


—H. Chace 
Anguish Languish 


ural: Yonder nor sorghum 
stenches shut ladle gulls 





CK, 


honor pore oil worming, an garbled erupt. Den 字体 

disk ratchet ammonol pot honor groin-murder's — M—— ERR 
JESERz—lEixozüdüÉx 
Tekton 


stopper torque wet strainers. 


有 些 项 本 应 该 对 齐 ， 但 是 没有 对 齐 ， 你 能 把 它们 都 找 出 来 吗 ? 找 一 
支 彩 笔 把 这 一 页 上 没有 对 齐 的 地 方 都 圈 起 来 。 至 少 有 10 处 ! 








检查 有 没有 稍稍 越过 边界 的 插图 ， 有 没有 在 照片 下 居中 的 图 题 ， 有 没有 未 与 文本 对 章 的 标 
题 ， 或 者 居中 文本 和 左 对 齐 文本 是 否 同 时 出 现 。 











The story of a wicket woof and a ladle gull 


S V. pawn term dare woreted ladle gull hoe 


lift wetter murder inner ladle cordage honor itch 
offer lodge, dock, florist. Disk ladle gull orphan 
worry Putty ladle rat cluck wetter ladle rat hut, 
an fur disk raisin pimple colder Ladle Rat Rotten 
Hut. 

Wan moaning Ladle Rat Rotten Huts murder 
colder inset. “Ladle Rat Rotten Hut, heresy ladle 
basking winsome burden barter an shirker cockles. 
Tick disk ladle basking tutor cordage offer groin- 
murder hoe lifts honor udder site offer florist. 
Shaker lake! Dun stopper laundry wrote! Dun 
stopper peck fioors! Dun daily-doily inner florist, 
an yonder nor sorghum-stenches, dun stopper 
torque wet strainers!” 

“Hoe-cake, murder” resplendent Ladle Rat 
Rotten Hut, an tickle ladle basking an stuttered 
oft. Honor wrote tutor cordage offer groin-murder, 
Ladle Rat Rotten Hut mitten anomalous woof. 

“Wail, wail, wail” set disk wicket woof, 
"Evaneecent Ladle Kat Rotten Hut! Wares are 
putty ladle gull goring wizard ladle basking?” 

“Armor goring tumor groin-murder’s, reprisal 
ladle gull. “Grammars seeking bet. Armor ticking 
arson burden barter an shirker cockles.” 

“O hoe! Heifer gnats woke,” setter wicket woof, 
butter taught tomb shelf, “Oil tickle shirt court 
tutor cordage offer groin-murder. Oil ketchup 
wetter letter, an den—O bore!" 

Soda wicket woof tucker shirt court, an whinny 
retched a cordage offer groin-murder, picked inner 
windrow, an sore debtor pore oil worming worse lion 
inner bet. Inner fesh, disk abdominal woof lipped 
honor bet, paunched honor pore oil worming, an 
garbled erupt. Den disk ratchet ammonol pot 


可 以 看 出 这 个 例子 与 上 一 页 例子 之 间 的 区 别 吗 ? 如 果 这 是 你 自己 的 书 ， 
在 明确 对 齐 的 地 方 画 线 。 


by H. Chace 


honor groin-murder'e nut cup an gnat-gun, any 
curdled ope inner bet. 

Inner ladle wile, Ladle Rat Rotten Hut a raft attar 
cordage, an ranker dough ball. “Comb ink, sweat 
hard, setter wicket woof, disgracing ie verse. 
Ladle Rat Rotten Hut entity bet rum, an stud 
buyer groin-murder'e bet. 

“Q Grammar!” crater ladle gull historically, 
“Water bag icer gut! A nervous sausage bag ice!” 

“Battered lucky chew whiff, sweat hard, setter 
bloat-Thursday woof, wetter wicket small honors 
phase. 

“O, Grammar, water bag noise! A nervous sore 
suture anomalous prognosis!” 

“Battered small your whiff, doling,” whiskered 
dole woof, ants mouse worse waddling. 

“O Grammar, water bag mouser gut! A nervous 
sore suture bag mouse!” 

Daze worry on-forger-nut ladle gull'e lest warte. 
Oil offer sodden, caking offer carvers an sprinkling 
otter bet, disk hoard-hoarded woof lipped own 
pore Ladle Rat Rotten Hut an garbled erupt. 


—H. Chace 
Anguish Languish 


ural: Yonder nor sorghum- 


e etenchee ehut ladlegulle 
9. stopper torque wet strainers. 








第 一 部 分 ”设计 原则 





重申 一 句 : 应 当 找 一 条 明确 的 对 齐 线 ， 并 用 它 来 对 齐 。 如 果 有 一 个 照片 或 图 片 (有 明确 的 
下 边 )， 可 以 沿 看 照片 的 这 个 和 朋 边 与 文本 的 平 边 对 齐 ， 如 下 面 第 二 幅 图 所 示 。 


Porche 





"Watcher crane aboard?" 


这 里 文本 的 左边 有 一 条 明确 的 线 。 另 外 沿 着 “照片 ”的 左边 也 
有 一 条 明确 的 线 。 不 过 ， 在 文本 和 照片 之 间 “ 截 留 ” 了 部 分 空 
而 且 空 白 的 形状 很 难看 。 由 于 存在 截留 的 空白 ， 使 得 这 两 个 元 素 被 
4 PE T. 


Porche 


Porche worse jester pore ladle gull hoe 

lift wetter stop-murder an toe heft-cisterns. 
Daze worming war furry wicket an shellfish 
parsons, spatially dole stop-murder, hoe 
dint lack Porche an, infect, word orphan 


traitor pore gull mar lichen ammonol g 
: 字 


dinner hormone bang; | A EER 
: — Porches furry gourd-murder elta Jaeger 粗 体 


whiskered, "Watcher crane aboard?" Golden Cockerel Roman 


找 一 条 明确 的 线 ， 并 用 它 来 对 齐 。 现 在 文本 右 侧 的 线 与 照片 
左边 的 线 相 互 换 着 ， 使 得 这 两 条 对 齐 线 更 为 明确 。 空 白 现 在 漂移 
到 了 左边 。 男 外 已 经 根据 照片 左边 明确 的 对 齐 线 重 新 设置 了 标题 。 


如 条 设计 中 的 对 齐 很 明确 ， 那 么 可 以 有 意识 地 打破 对 齐 ， 而 且 一 定 要 表现 出 这 是 有 意 的 。 
技巧 就 在 于 ， 打 破 凋 规 对 齐 时 不 要 丑 刁 ， 一 定 要 干脆 一 些 ， 要 人 么 全 部 采用 一 种 方式 ， 要 人 么 全 神 
不 有 米 用 这 种 方式 。 干 万 不 要 你 村 。 





Guilty Looks Enter Tree Beers 


dentures Bury ladle qull! 


Wants pawn term dare worsted 
ladle gull hoe hat search putty 
yowler coils debt pimple colder 
Guilty Looks. Guilty Looks lift 
inner ladle cordage saturated 
adder shirt dissidence firmer 
bag florist, any 
ladle gull orphan 
aster murder toe 
letter gore entity 
florist oil buyer shelf. 

“Guilty Looks!” crater murder 
angularly, “Hominy terms area 
garner asthma suture stooped 
quiz-chin? Goiter door florist? 
Sordidly NUT!" 

"Wire nut, murder?" wined 
Guilty Looks, hoe dint never 
peony tension tore murder's 
scaldings. 

"Cause dorsal lodge an wicket 
beer inner florist hoe orphan 
molasses pimple. Ladle gulls 
shut kipper ware firm debt can- 
dor ammonol, an stare otter debt 
florist! Debt florist's mush toe 
dentures furry ladle gull!" 


Hormone nurture 

Wail, pimple oil-wares wander 
doe wart udder pimple dun 
wampum toe doe. Debt's jest 
hormone nurture. Wan moaning, 
Guilty Looks dissipater murder, 
an win entity florist. Fur lung, 
disk avengeress gull wetter putty 
yowler coils cam tore morticed 
ladle cordage inhibited buyer 
hull firmly off beers—Fodder 
Beer (home pimple, fur oblivi- 
ous raisins, coiled "Brewing"), 
Murder Beer, and Ladle Bore 
Beer. Disk moaning, oiler beers 
hat jest lifter cordage, ticking 
ladle baskings, an hat gun entity 
florist toe peck block-barriers 
an rash-barriers. Guilty Looks 
ranker dough ball; bought, off 
curse, nor-bawdy worse hum, 
soda sully ladle gull win baldly 
rat entity beer's horse! 


Sop's toe hart 
Honor tipple inner darning 
rum, stud tree boils fuller sop— 


字体 
Formata 粗 体 
Warnock Pro Caption 


Wendy 粗 体 


尽管 典 入 部 分 插入 到 文本 块 的 内 部 ， 能 看 出 它 左 边 在 哪里 对 齐 吗 ? 只 要 
你 是 有 意 为 之 ， 有 时 完全 可 以 任意 地 打破 常规 对 齐 。 

在 此 我 给 出 了 一 些 规则 ， 不 过 有 一 点 要 记 住 ， 规 则 都 是 用 来 打破 的 。 但 
是 必须 记 住 ， 关 于 打破 规则 本 身 也 有 一 条 Robin 规则 : 在 打破 规则 之 前 必须 
清楚 规则 是 什么 。 


第 一 部 分 “设计 原则 





对 齐 小 结 











任何 元 素 都 不 能 在 页 面 上 随意 摆 放 。 每 个 元 素 应 当 与 页 面 上 的 另外 一 个 元 素 存在 某 种 视觉 
联系 。 


在 设计 中 ， 统 一 性 是 一 个 重要 的 概念 。 要 让 页 面 上 的 所 有 元 素 看 上 去 统一 、 有 联系 而 且 彼 
此 相关 ， 需 要 在 各 个 单独 的 元 北 之 间 存 在 某 种 视觉 纽 囊 。 尽 管 这 些 扳 立 元 素 在 页 面 上 的 物理 位 
置 可 能 并 不 靠近 ， 但 是 通过 适当 放置 ， 可 以 让 它们 看 上 去 是 有 联系 而 且 相 关 的 ， 并 且 与 其 他 信 
息 统 一 。 可 以 看 看 你 喜欢 的 那些 设计 。 一 个 精美 的 设计 不 论 最 初 看 上 去 多 么 杂乱 无 蔓 ， 总 能 找 
出 其 中 的 对 齐 方式 。 

根本 目的 

对 章 的 根本 目的 是 使 页 面 统 一 而 且 有 条 理 。 其 效果 类 似 于 把 客厅 里 四 处 零落 的 洋娃娃 捡 起 
来 ， 并 把 它们 放 在 一 个 玩具 箱 中 。 

不 论 创 建 精美 的 、 正 式 的 、 有 趣 的 还 是 严肃 的 外 观 ， 通 党 都 可 以 利用 一 种 明确 的 对 齐 “〈 当 
然 ， 要 结合 适当 的 字体 ) 来 达到 目的 。 

如 何 实现 

要 特别 注意 元 素 放 在 哪里 。 应 当 总 能 在 页 面 上 找 出 与 之 对 齐 的 元 素 ， 尽 管 这 两 个 对 象 的 物 
理 位 置 可 能 相距 很 远 。 

要 避免 的 问题 

要 避免 在 页 面 上 混合 使 用 多 种 文本 对 齐 方式 (也 就 是 说 ， 不 要 将 某 些 文本 居中 ， 而 另外 一 
些 文 本 右 对 齐 )。 

另外 ， 要 着 力 避 免 居 中 对 齐 ， 除 非 你 有 意识 地 想 要 创建 一 种 比较 正式 、 稳 重 〈 通 常 也 更 乏 


R) 的 表示 。 并 不 是 完全 杜绝 使 用 届 中 对 齐 ， 有 时 可 以 有 意 地 选择 这 种 对 章 方式 ， 但 是 不 要 把 
它 做 为 默认 选择 。 



































à" 复 


Robin 重复 原则 指出 ,“ 设 计 的 某 些 方面 需要 在 整个 作品 中 重复 ”。 香 复元 系 可 能 是 一 种 粗 
字体 、 一 条 粗 线 ， 某 个 项 目 符号 、 颜 色 、 设 计 要 素 ， 某 种 格式 、 空 间 关 系 等 。 读 者 能 看 到 的 任 
何方 面 郡 可 以 作为 重复 元 系 。 


你 在 工作 中 肯定 已 经 用 过 重复 。 例 如 ， 所 有 标 厦 部 设置 为 相同 的 大 小 和 粗细 ， 在 每 一 页 的 
亢 增 加 一 条 半天 和 寸 的 线 ， 项 目 中 的 每 个 列表 痢 使 用 相同 的 项 目 人 符号 ， 这 些 虱 古 重 复 的 例子 。 新 
手 通 第 知 要 把 这 个 概念 更 进一步 ， 把 无 意 的 重复 变 为 有 意 ， 利 用 重复 将 一 系列 出 版 物 从 视觉 
系 为 一 体 。 


可 以 把 重复 认为 是 “一 致 性 ?。 在 看 一 入 共有 8 页 的 新 闻 傈 报时 ， 正 是 由 于 有 某 些 元 素 的 重复 
(它们 的 一 致 性 )， 才 使 得 这 8 页 看 上 去 属于 同一 个 新 闻 简 报 。 如 打 第 4 页 上 有 茶 些 重复 元 系 ， 
而 第 7 页 上 没有 那些 元 素 ， 整 个 新 闻 人 简报 看 起 来 就 不 是 一 体 了 。 


不 过 重复 还 不 只 是 目 然 的 一 致 ， 这 是 一 种 统一 设计 各 个 部 分 的 有 意识 的 行为 。 





























第 一 部 分 “设计 原则 





以 下 是 前 面 讨论 过 的 企业 名 片 。 在 第 二 个 例子 中 ， 我 增加 了 一 个 重复 元 素 ， 即 一 个 明显 的 
粗 字 体 。 看 看 这 个 例子 ， 注 意 一 下 你 的 眼睛 向 哪里 移动 。 看 到 电话 号 码 时 ， 下 一 步 看 哪里 ? 是 
回 到 最 前 面 ， 为 一 处 粗 文本 吗 ? 这 是 设计 人 员 稼 用 来 控制 谈 痢 视线 的 一 种 视觉 技巧 ， 以 使 读者 
的 注意 力 尽 可 能 长 地 保持 在 页 面 上 。 粗 体 的 重复 也 有 助 于 统一 整个 设计 。 这 是 一 种 非常 简单 的 
将 设计 块 的 各 个 部 分 连接 在 一 起 的 方式 。 





Mermaid Tavern 


Ralph Roister Doister 


1027 Bread Street 
London, NM 
717.555.1212 


读 到 信息 的 末尾 时 ， 你 的 视线 是 不 是 会 在 
名 片上 四 处 漫游 ? 


Mermaid Tavern 





Ralph Roister Doister 
1027 Bread Street 
London, NM 字体 
717.555.1212 Memphis 中 粗 体 


M Extra $84% 


读 到 信息 的 末尾 时 ， 现 在 你 的 视线 会 向 
MEP? 它 会 在 粗 体 元 素 之 间 来 回 跳 吗 ? 可 能 
会 ， 这 正 是 重复 的 主旨 ， 它 能 把 整个 作品 联系 
在 一 起 ， 提 供 统一 性 。 


你 原先 可 能 使 用 过 一 些 提 供 一 致 性 的 元 素 ， 充 分 利用 那些 元 素 ， 将 这 些 元 素 变 成 重复 性 的 
图 片 符号 。 你 的 新 闻 人 简报 中 所 有 标题 都 是 14 点 大 小 的 Times Bold FA? 能 不 能 引入 一 种 非 
WALEY sans serif 字体 ， 比 如 说 让 所 有 标题 都 是 16 点 的 Antique Olive Black 字体 ? 这 里 的 做 法 
= EENE Eo E a a a 
不 仅 页 面 看 上 去 更 有 趣 ， 还 能 在 视觉 上 增强 其 条 理性 和 一 致 性 。 








要 创建 重复 元 素 ， 可 以 从 标题 和 子 标 题 入 


Guilty Looks 


Wants pawn term dare 
worsted ladle gull hoe hat 
search putty yowler coils debt 
pimple colder Guilty Looks. 
Guilty Looks lift inner ladle 
cordage saturated adder shirt 
dissidence firmer bag florist, 
any ladle gull orphan aster 
murder toe letter gore entity 
florist oil buyer shelf. 

Guilty Looks! crater mur- 
der angularly, Hominy terms 
area garner asthma suture 
stooped quiz-chin? Goiter 
door florist? Sordidly NUT! 


Wire nut? 
Wire nut, murder? wined 
Guilty Looks, hoe dint 
peony tension tore murder's 
scaldings. 

Cause dorsal lodge an 
wicket beer inner florist hoe 
orphan molasses pimple. 


Guilty Looks 


Wants pawn term dare 
worsted ladle gull hoe hat 
search putty yowler coils debt 
pimple colder Guilty Looks. 
Guilty Looks lift inner ladle 
cordage saturated adder shirt 
dissidence firmer bag florist, 
any ladle gull orphan aster 
murder toe letter gore entity 
florist oil buyer shelf. 

Guilty Looks! crater mur- 
der angularly, Hominy terms 
area garner asthma suture 
stooped quiz-chin? Goiter 
door florist? Sordidly NUT! 


Wire nut? 
Wire nut, murder? wined 
Guilty Looks, hoe dint 
peony tension tore murder's 
scaldings. 

Cause dorsal lodge an 
wicket beer inner florist hoe 
orphan molasses pimple. 


Ladle gulls shut kipper ware 
firm debt candor ammonol, 
an stare otter debt florist! 
Debt florist's mush toe 
dentures furry ladle gull! 


Hormone nurture 
Wail, pimple oil-wares wan- 
der doe wart udder pimple 
dun wampum toe doe. 
Debt's jest hormone nur- 
ture. Wan moaning, Guilty 
Looks dissipater murder, an 
win entity florist. 


Tree Beers 

Fur lung, disk avengeress 
gull wetter putty yowler 
coils cam tore morticed 
ladle cordage inhibited 
buyer hull firmly off beers— 
Fodder Becr (home pimple, 
fur oblivious raisins, coiled 
Brewing), Murder Beer, 


Ladle gulls shut kipper 
ware firm debt candor 
ammonol, an stare otter 
deht florist! Debt florist's 
mush toc dentures furry 
ladle gull! 


Hormone nurture 
Wail, pimple oil-wares 
wander doe wart udder 
pimple dun wampum 

toe doe. Debt's jest 
hormone nurture. Wan 
moaning, Guilty Looks 
dissipater murder, an win 
entity florist. 


Tree Beers 

Fur lung, disk avengeress 
gull wetter putty yowler 
coils cam tore morticed 
ladle cordage inhibited 
buycr hull firmly off beers 
Fodder Beer (home pimple, 


$T, 


NY 


ix 


El 
Æ eem 


个 很 好 的 起 点 ， 


能 在 某 个 方面 是 一 致 的 。 


的 字体 。 


字体 


Warnock Pro 常规 字体 


及 粗 体 


Formata 粗 体 


因为 这 些 元 素 很 可 


使 一 致 的 元 素 更 为 突出 ， 如 标题 和 子 标题 








需要 创建 包括 多 页 的 出 版 物 吗 ? 重复 是 使 这 些 页 合 为 一 体 的 主要 因素 。 读 者 打开 文档 时 ， 


分 设计 原则 





他 应 当 能 充分 而 明显 地 感受 到 第 3 页 和 第 12 页 确实 是 同一 个 出 版 物 的 一 部 分 。 


下 面 显示 的 两 个 页 面 就 同属 于 一 个 出 版 物 。 你 能 指 


页 码 放 
往生 一 页 小 





Darn Honor Form 


Heresy rheumatic starry offer for- 
mer's dodder, Violate Huskings, 
an wart hoppings darn honor form. 
Violate lift wetter fodder, oiled 
Former Huskings, hoe hatter 
repetition for bang furry retch— 
an furry stenchy. Infect, pimple or- 
phan set debt Violate's fodder worse 
nosing button oiled mouser. Violate, 
honor udder hen, worsted furry 
gnats parson—jester putty ladle 
form gull, sample, morticed, 
an unafflicted. 
Wan moaning Former Huskings 
nudist haze dodder setting honor 
cheer, during nosing. 


Nor symphony 


VIOLATE! sorted dole former, Watch- 


er setting darn fur? Yore canned gat 
retch setting darn during nosing? 
Germ pup otter debt cheer! 

Arm tarred, Fodder, resplendent 
Violate warily. 

Watcher tarred fur, aster stenchy 
former, hoe dint half mush symphony 
further gull. Are badger dint doe 
mush woke disk moaning! Ditcher 
curry doze buckles fuller slob darn 
tutor peg-pan an feeder pegs? 


这 部 分 文本 有 一 个 “最 低 ” 点 ( 沿 抵 部 对 齐 )， 但 








» Water rheumatic form! 





EPIS ERIR? 


Vestibule guardings «—— — — — — —— 


Yap, Fodder. Are fetter pegs. 
Ditcher mail-car caws an swoop otter 
caw staple? Off curse, Fodder. Are 


mulct oiler caws an swapped otter staple, 


fetter checkings, an clammed upper 
larder inner checking-horse toe gadder 
oiler aches, an wen darn tutor vestibule 
guarding toe peck oiler bogs an warms 
offer vestibules, an watched an earned 
yore closing, an fetter hearses an.. 

Ditcher warder oiler hearses, toe? 
enter-ruptured oiled Huskings. 

Nor, Fodder, are dint. Dint warder 
mar hearses? Wire nut? 


标题 和 
子 标 题 中 字 
体 一 致 ， 而 
且 每 个 标题 
和 子 标 题 之 
上 有 一 致 的 


万 一 
ZH. 


< 一 


每 一 页 
的 底部 都 重 
复出 现 这 条 


及 如 果 页 面 项 部 有 一 个 一 致 的 起 始点 在 页 面 上 重复 出 单线。 


现 ， 那 么 并 非 所 有 文本 都 与 最 低 点 (“地平线”) 对 齐 。 


有 些 出 版 物 可 能 选择 重复 地 自 底 向 上 伸 出 (或 
面 的 页 角 )，| 者 沿 底部 对 齐 ， 因 此 可 能 有 一 个 参差 不 齐 的 顶部 ， 类 
而 且 字 体 相 | 似 于 城市 地 平 线 )， 而 不 是 “ 像 挂 在 晾 衣 强 上 一 样 ” 
IR. 沿 顶部 对 齐 。 不 过 ， 不 论 选 择 哪 一 种 技术 ， 都 必须 保 
证 一 致 。 


的 同一 个 位 
置 〈《 底 部 外 


A A — Up pA A RDBAR T BT Ae REPRBJUET. AR th UL 
非常 好 的 一 致 性 ， 则 可 以 放 入 一 些 与 众 不 同 的 元 素 ， 使 读者 真正 注意 到 你 希望 他 们 关注 的 内 


VAN 


o 





你 能 指出 这 本 书 中 一 致 的 重复 元 素 吗 ? 





Evanescent wan think, itching udder 
Effervescent further ACHE, dare wooden bather CHECKING. Effervescent further re C 


; 、 7, 
way wooden heifer BECKING. Effervescent further LESSENS, dare wooden bather DITCH- iX — y |] 1 R 
ERS. Effervescent further ODDEST, way wooden heifer PITCHERS. Effervescent further dg i Y 两 列 h h 
vil N 
CLASHES, way wooden kneader CLASH RUMS. Effervescent further BASH TOPS, way Au? 
e , ý qug Y y 
wooden heifer BASH RUMS. Effervescent fur MERRY SEE D'KNEE, way wooden heifer WR, 从 而 维 持 


SHAKSPER.EffervescentfurtherTUCKING,waywoodenheiferLANGUISH.Effervescent Ji 
fur daze phony WARTS, nor bawdy cud spick ANGUISH! 外 边框 的 m 致 性 o 


Moan-late an steers Arsenate rheumatic 


Violate worse jest wile aboard Hairy, v Snuff doze flagrant odors. 
hoe worse jester pore form bore v Moan-late an merry-age. 
firming adjourning form. Sum pimple v Odors firmer putty rat roaches 
set debt Hairy Parkings dint half gut inner floor guarding. 
since, butter hatter gut dispossession v Denture half sum-sing 
an hay worse medly an luff wet Vio- impertinent toe asthma? 
late. Infect, Hairy wandered toe mer- v Hairy aster fodder. 
rier, butter worse toe skirt toe aster. v Conjure gas wart hopping? 
O Hairy, crate Violate, jest locket v Violate dint merry Hairy. 
debt putty moan! Arsenate rheumat- v Debt gull runoff wit a wicket 
ic? Yap, inserted Hairy, lurking. bet furry retch lend-lard. 字体 





Formata 粗 体 
Warnock Pro Caption 





所 有 的 故事 和 照片 (或 插 注意 列表 和 上 一 页 图 
Eo 都 从 每 一 页 顶部 的 同一 条 | 题 中 重复 使 用 了 三 角形 。 
线 开 始 ( 另 见 上 一 页 的 说 明 )。 | 这 个 形状 可 能 还 在 这 个 出 

版 物 的 其 他 位 置 用 到 。 


EJ 第 一 部 分 ”设计 原则 





在 利用 企业 名 片 、 信 短 和 信封 创建 一 致 的 企业 包装 时 ， 需 要 使 用 明显 而 突出 的 重复 ， 不 仅 在 
各 部 分 内 部 ， 在 所 有 作品 之 间 也 要 大 量 使 用 重复 。 你 肯定 硕 望 收 信 的 人 知 让 你 就 是 上 周 给 他 企业 
名 片 的 那个 人 。 男 外 ， 要 创建 合适 的 布局 ， 以 便 打印 出 的 信件 与 信纸 设计 中 的 某 个 元 素 对 齐 ! 











| MEN " 以 看 到 ， 如 
Rep HEN 果 具 体 信件 为 明确 


Cannon : 的 左 对 齐 ? x ^N 页 


Olim 面 会 给 人 留 下 强烈 
: 的 印象 。 


Canon : 

118TAA : 

Route 9 | : 
Box 16 : 

: Route 9 : 

San Gelato : Box16 | 
: San Gelalo : 

Arizona : : 

; Arizona : 

87776 : 87776 | 
123.456.7890 123.456.7890 : 





RED HEN 





Route 9 
Box 16 : 
San Gelato : 字 体 
Arizona : FAJITA MILD 
87776 ` Fhelley Volante Foript 


Bailey Sans 粗 体 


重复 有 助 于 组 织 信息 。 这 可 以 帮助 读者 浏览 各 个 页 面 ， 它 有 利于 将 设计 中 单独 的 部 分 统一 
RO BflXE—^- HUAR— (BJ RH, 重复 元 素 也 可 以 建立 一 种 连续 性 ， 将 文档 “整个 捆 在 一 
起 ” 如 果 在 创建 一 个 包括 多 页 的 文档 ， 它 要 作为 一 个 精美 包装 的 一 部 分 ， 充 分 地 使 用 重复 就 
很 关键 。 











重复 元 素 
n" 
Terence English — 
m Stratford-upon-Avon, England 
p 3 C) 细 字 体 
Objective DO 方块 项 目 符号 
= To make money O a 
Education o m " 
= Stratford Grammar School, | think D DF 
» Definitely not University 
Employment 
m Actor 
= Play broker 
= Shareholder of Globe Theatre 
Favorite Activities 
= Suing people for small sums 
m Chasing women Lk 
Shannon Book 
References available upon request. 和 Extra H4 


ITC Zapf Dingbats m 


这 里 包含 一 些 明 显 的 重复 元 素 ， 从 而 清 
楚 地 指出 它 的 主要 内 容 ， 除 此 以 外 ， 设 计 者 
可 能 还 会 在 其 求职 信 设 计 中 采用 其 中 一 个 或 
& ^ SX. 


第 一 部 分 设计 原则 





如 琳 哪 个 元 系 引 起 了 你 的 兴趣 ， 就 可 以 拿 来 用 作 重 复元 系 ! 也 许 这 是 一 个 肪 贴画 ， 或 者 是 
某 种 图 片 字 体 。 为 了 实现 重复 ， 完 全 可 以 为 此 增加 一 些 全 新 的 东西 。 或 者 ， 也 可 以 选择 一 个 简 
单 的 元 系 ， 人 然后 以 多 种 不 同 的 方式 加 以 使 用 ， 比 如 次 指定 不 同 的 大 小 、 颜 色 或 角度 。 


有 时 重复 的 项 并 不 一 定 完全 相同 ， 而 只 是 存在 明确 关联 的 紧密 相关 的 对 象 。 








please join us 
may. 1 

à o'clock 

in fhe 
affecnoon 


Wear 


> 


b haf 


字体 


Vinna Jlücole 








把 元 素 抽取 为 图 片 并 重复 很 有 意思 ， 也 很 有 效 。 这 个 小 
三 角 图 形 还 可 以 应 用 到 其 他 相关 的 材料 上 ， 如 信封 、 回 应 卡 、 
气球 等 等 。 即 使 没有 重复 整个 茶壶 ， 所 有 一 切 仍然 应 该 是 一 
个 整体 。 


jul 


第 4 章 E 4 EXHI 


通 肖 还 可 以 增加 实际 上 与 页 面 主 题 没 有 任何 关系 的 重复 元 素 。 例 如 ， 在 一 个 调查 表单 上 放 
入 一 些 石刻 字符 ;在 报告 中 增加 一 些 奇 模 怪 样 的 马 ， 在 整个 出 版 物 中 通过 不 同方 式 显 示 一 些 特 
别 深 之 的 字符 ， 如 设置 不 同 规 格 的 大 字体 ， 采 用 灰色 或 浅 色 ， 或 者 采用 多 种 不 同 的 角度 。 任 由 
你 圣 受 这 种 随心 所 欲 的 快乐 ! 


reminder 


Staff Meeting Today! 2 pw. 






SR 


可 以 把 一 个 设计 元 素 拉 到 边框 之 外 ， 这 有 助 于 将 两 个 或 多 个 部 分 统一 
起 来 ， 或 者 使 前 景 和 背景 统一 ， 还 可 以 统一 有 共同 主题 的 不 同 出 版 物 。 


friday 


12 Noon 


lay» Meet 


tuesday 


9:30 A.M. 
Diversity 





Dr Sal Enhancement 

: Trainin: 
Required for all employees! 

重复 最 大 的 好 处 是 使 各 项 看 起 Meet in the Red Room. 


来 同属 一 组 ， 虽 然 元 素 看 起 来 都 不 
完全 相同 。 由 此 可 以 看 出 ， 一 


E 
立 一 组 关键 的 重复 项 。 你 就 可 以 变 È 3 * Ae G 
换 这 些 项 并 仍 可 保持 一 致 的 外 观 。 


字体 

Ronnia 常规 字体 
Spumoni 

MiniPics Lil Folks £ 








第 一 部 分 ”设计 原则 


使 用 重复 原则 时 ， 有 时 可 以 把 一 个 元 素 从 现在 的 设计 中 抽取 出 来 ， 并 根据 这 个 元 系 创 建 一 


个 新 设计 . 


OG 
Mieru p SET 


Corner O ry Sto 
5 Jelly Streel ceia 


AWAR 3 Xp) E 8 UT 作为 重复 元 素 ， 我 放大 
了 其 中 的 两 个 点 ， 并 把 妈妈 和 爸爸 的 小 图 片 放 在 这 两 个 圆 里 面 
(妈妈 和 爸爸 实际 上 是 指 MiniPics Lil Folks 字体 中 的 字符 )。 一 
你 可 以 开发 出 各 式 各 样 的 设计 ， 相 信 你 肯 是 
享受 这 种 自由 性 。 


字体 





Dy George Tilling 
MiniPics Lil Folks & 


下 面 显示 了 另 一 个 例子 ， 来 展示 如 何 使 用 重复 作为 设计 的 基础 。 这 种 方法 很 有 意思 ， 只 需 
找到 你 喜欢 的 一 个 元 素 ， 然 后 随 你 摆弄 它 ， 





m A. A 





在 这 个 实验 中 ， 我 重复 了 其 中 的 一 个 圆 点 ， 把 它 放 大 到 非常 
大 ， 再 把 妈妈 的 图 片 放 在 里 面 。 

由 于 并 不 希望 丢掉 爸爸 的 图 乒 ， 所 以 这 里 把 一 个 白色 的 爸爸 
图 片 放 在 它 自 己 的 小 黑 圆 中 ， 并 将 爸爸 反 色 《切换 为 纸 的 颜色 )。 

不 要 把 重复 用 得 太 滥 ， 而 应 当 尽 量 “ 采 用 多 样 性 实现 统一 ”。 
也 就 是 说 ， 如 果 一 个 重复 元 素 很 明确 (如 一 个 圆 )， 那 么 可 以 采 
用 多 种 不 同方 式 重复 这 个 圆 ， 而 不 是 简单 地 重复 同一 个 圆 。 
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有 了 时， 尽管 只 有 重复 元 素 的 一 点 迹象 ， 但 这 可 能 与 使 用 整个 元 素 有 同样 的 效 末 。 对 于 一 个 





大 家 都 熟悉 的 元 素 ， 可 以 尝试 内 Prenna td 


Today's Special 
AQ o. 


如 果 读 者 很 熟悉 某 个 图 像 ， 只 取 其 一 部 分 将 有 助 于 读者 建立 关联 。 





当然 ， 这 个 打字 机 图 像 在 Chile Fiesta 的 所 有 宣传 材料 中 都 有 出 现 。 
在 这 里 ， 我 们 再 一 次 看 到 只 使 用 重复 图 像 中 的 一 部 分 所 带 来 的 好 处 一 一 
读者 确实 “看 到 了 ”整个 打字 机 。 


字体 
Minister 粗 体 
Wendy 粗 体 





字体 
Schmutz Cleaned 


es Dy a 
Ene pig Oo 





RARUS IRER . 


aNNUalL martiNi tastiNq 


重复 还 会 为 你 的 作品 带 来 一 种 专业 性 和 权威 性 。 它 会 使 读者 感觉 有 人 在 负责 ， 因 为 重复 显 
2s 


frances uNciaL 


Brioso Pro 细 体 及 和 斜体 


at tue menmaió taveRN 





cGLassic mantiNi 


6 parts gin Stir in a mixing glass with lots 


1 part dry vermouth of cracked ice. Strain into chilled 


Cocktail olive glass and garnish with olive. 


Ointy mamtiNi 
邮 6 parts gin 


2 parts dry vermouth 


电 1 part olive brine 


Cocktail olives 

Combine liquid ingredients 
in a cocktail shaker with 
cracked ice; shake well. 
Strain into a chilled cocktail 
glass. Garnish with one or 


two olives. 


cosmopoLitaN 


4 parts vodka 

2 parts Cointreau or lemoncelli liqueur 

2 parts cranberry juice 

1 part fresh lime (optional) 

Combine ingredients in a cocktail shaker with cracked 
ice; shake well. Strain into a chilled martini glass. 


LemoNOROp 


6 parts lemon-(lavored vodka 
1 tsp sugar 
1 part Cointreau or lemoncelli liqueur 


Combine ingredients in a cocktail shaker half- 


filled with ice cubes; shake well. Swirl half a lemon 


around the rim of a martini glass and dip in sugar. 
Pour the contents of the cocktail shaker into the 
glass and serve. 


gimLet 





g parts gin or vodka 

2 parts Roses lime juice 

~ Li + , — , 
Combine ingredients c 


in a cocktail shaker 

with cracked ice; 

shake well. Strain into " 
a chilled martini glass. É 


QUEEN ness 
mamntiNi 


6 parts gin 

1 parts dry vermouth 

2 teaspoons Benedictine 

Combine all ingredients 
in a cocktail shaker with 
cracked ice; shake well. 
Strain into a chilled 
cocktail glass. 





此 处 又 一 次 说 明了 重复 并 不 表示 必须 重复 完全 相同 的 东西 。 在 上 
面 的 卡片 中 ， 标 题 的 字体 相同 ， 但 颜色 不 同 〈《 多 样 性 的 统一 )。 说 明 


文字 的 字体 各 不 相同 ， 但 都 相当 时 尚 。 


要 确保 有 足够 多 重复 的 元 素 ， 这 样 差异 才 会 明显 ， 而 不 是 一 团 
糕 。 比 如 ， 该 例 中 食谱 都 采用 一 种 格式 。 当 有 很 强 的 结构 意识 时 ， 就 


能 更 灵活 地 处 理 其 他 元 素 。 
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重复 小 结 


设计 中 视 党 元 系 的 重复 可 以 将 作品 中 的 各 部 分 连 在 一 起 ， 从 而 统一 并 增强 整个 作品 ， 人 否则 
这 些 部 分 只 是 彼此 孤立 的 单元 。 重 复 不 仅 对 只 有 一 页 的 作品 很 有 用 ， 对 于 多 页 文档 的 设计 更 显 
重要 〈 对 此 我 们 通常 称 之 为 保持 一 致 )。 


根本 目的 


重复 的 目的 就 是 统一 ， 并 增强 视觉 效果 。 不 要 低 佑 页 面 视 党 歼 末 的 威力 ， 如 采 一 个 作品 看 
起 来 很 有 趣 ， 它 往往 也 更 多 于 阅读 。 


如 何 实现 


重复 可 以 认为 是 保持 一 致 性 ， 而 且 我 相信 你 早已 经 这 样 做 过 。 现 在 ， 需 要 把 现 有 的 一 致 性 
更 向 前 推进 一 步 。 可 不 可 以 专门 做 一 个 图 请 设计， 并 且 将 某 些 一 致 元 系 〈 如 标题 ) 作为 这 个 图 
厂 设 计 的 一 部 分 ? 在 每 个 页 面 底部 或 每 个 标题 下 面 使 用 一 条 粗细 为 1 点 的 线 吗 ? 或 者 是 不 是 使 
用 一 条 更 粗 的 线 (4 点 )， 使 重复 元 素 显 得 更 明显 ， 更 生动 ? 


再 看 看 有 没有 可 能 增加 一 些 纯粹 为 建立 重复 而 设计 的 元 素 。 是 不 是 有 一 个 编号 项 列表 ? 可 
不 可 以 使 用 为 外 一 种 字体 或 逆序 数字 ， 然 后 对 出 版 物 中 的 每 一 个 编号 列表 都 重复 同样 的 处 理 ? 
最 初 ， 可 以 只 是 找 出 现 有 的 重复 ， 然 后 将 其 加 强 。 束 悉 了 这 种 思想 之 后 ， 再 开始 创建 新 的 重复 
元 素 ， 来 增强 设计 的 效 末 并 提高 信息 的 清晰 度 。 


重复 就 像 是 强调 你 的 衣着 。 如 果 一 位 女士 穿着 一 件 可 爱 的 黑色 晚 礼服 ， 戴 着 一 项 别致 的 帽 
子 ， 她 可 能 会 用 红色 高 跟 鞋 、 红 色 口 红 和 一 傈 红色 小 花 来 突出 她 的 上 晚 礼 服 。 

要 避免 的 问题 

要 避免 太 多 地 重复 一 个 元 素 ， 重 复 太 多 会 让 人 讨厌 。 要 注意 对 比 的 价值 〈 请 看 下 一 章 以 及 
有 关 字 体 对 比 的 章节 )。 

例如 ， 如 果 这 位 女士 想 穿 黑色 晚 礼 服 ， 配 红帽子 、 红 耳环 、 红 口红 、 红 色 手 提包 、 红 鞋 和 
一 件 红 上 衣 ， 重 复 就 太 滥 了 ， 现 在 的 对 比 不 再 有 统一 的 效果 ， 感 党 上 也 让 人 不 太 和 舒服 ， 太 多 的 
重复 将 混 消 重点 。 






























































W 
2 
Lil 





对 Rx 














对 比 是 为 页 面 增加 视觉 效 采 的 最 有 效 的 途径 之 一 ， 很 容易 吸引 读者 去 看 一 个 页 面 ， 另 外 对 
比 还 能 在 不 同 元 素 之 间 建 立 一 种 有 组 织 的 层次 结构 。 要 记 住 一 个 重要 规则 : 要 想 实现 有 效 的 对 
比 ， 对 比 就 必须 强烈 。 干 万 不 要 晴 丑 缩 缩 。 


如 果 两 个 元 素 不 同 ， 就 会 产生 对 比 。 倘 知 两 个 元 素 存在 某 种 不 同 ， 但 差别 并 不 是 很 大 ， 那 
么 你 做 出 的 效果 并 不 是 对 比 ， 而 是 冲突 。 这 就 是 关键 ，Robin 对 比 原则 指出 :“ 如 果 两 个 项 不 完 
全 相同 ， 就 应 当 使 之 不 同 ， 而 且 应 当 是 截然 不 同 。” 


可 以 采用 多 种 方式 产生 对 比 。 如 大 字体 与 小 字体 的 对 比 ， 典雅 的 oldstyle 字体 与 粗 体 sans 
serif 学 体 产 生 对 比 ; 细 线 与 粗 线 的 对 比 ; 冷色 与 暖色 的 对 比 ; 平滑 材质 与 粗糙 材质 的 对 比 ; 水 
平 元 系 〈 如 很 长 的 一 行文 本 ) 与 垂直 元 素 〈 如 又 高 又 夷 的 一 列 文本 ) 的 对 比 ; 间 隐 很 需 的 文本 
行 与 紧凑 在 一 起 的 文本 行 形成 对 比 ; 小 图 片 与 大 图 片 的 对 比 ， 等 等 。 


不 过 ， 千 万 不 要 县 缩 。 不 应 该 用 12 点 大 小 的 字体 与 14 点 大 小 的 字体 进行 对 比 。 也 不 要 用 
0.5 点 的 线 与 1 点 的 线 来 对 比 。 此 外 ， 深 标 色 与 黑色 的 对 比 也 是 不 合适 的 。 所 以 一 定 要 当心 。 
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如 来 你 的 果子 上 放 痢 后 面 这 两 个 “新 闻 人 简报 ”， 
是 一 样 的 ， 都 很 侧 洁 明了 了。 页面 上 的 信息 也 是 相同 的 。 


简报 的 对 比 做 得 更 充分 。 


ANOTHER NEWSLETTERI 





Exciting Headline 
Wants pawn term dare worsted ladle 
gull hoe hat search putty yowler coils 
debt pimple colder Guilty Looks. Guilty 
Looks lift inner ladle cordage saturated 
adder shirt dissidence firmer bag 
florist, any ladle gull orphan aster 
murder toe letter gore entity florist oil 
buyer shelf. 


Thrilling Subhead 


“Guilty Looks!” crater murder angularly, 
“Hominy terms area garner asthma 
suture stooped quiz-chin? Goiter door 
florist? Sordidly nut!” 


“Wire nut, murder?” wined Guilty Looks, 
hoe dint peony tension tore murders 
scaldings. 


“Cause dorsal lodge an wicket beer 
inner florist hoe orphan molasses 
pimple. Ladle gulls shut kipper ware firm 
debt candor ammonol, an stare otter 
debt forist! Debt florist's mush toe 
dentures furry ladle gull!” 


Another Exciting 
Headline 


Wail, pimple oil-wares wander doe 
wart udder pimple dum wampum toe 
doe. Debts jest hormone nurture. 


r 6 t Z. «5 ui 39 


Wan moaning, Guilty Looks dissipater 
murder, an win entity florist. Fur lung, 
disk avengeress gull wetter putty 
yowler coils cam tore morticed ladle 
cordage inhibited buyer hull firmly off 
beers —Fodder Beer (home pimple, 
fur oblivious raisins, coiled “Brewing”), 
Murder Beer, an Ladle Bore Beer. Disk 
moaning, oiler beers hat jest lifter 
cordage, ticking ladle baskings, an 

hat gun entity floriet toe peck block- 
barriers an rash-barriers. Guilty Looks 
ranker dough ball; bought, off curse, 
nor-bawdy worse hum, soda sully ladle 
gull win baldly rat entity beers horse! 


Boring Subhead 


Honor tipple inner darning rum, stud 
tree boils fuller sop—wan grade bag 
boiler sop, wan muddle-sash boil, an 
wan tawny ladle boil. Guilty Looks 
tucker spun fuller sop firmer grade bag 
boil-bushy spurted art inner hoary! 


“Arch!” crater gull, “Debt eop'e toe 
hart—barns mar mouse!” 


Dingy traitor sop inner muddle-eash 
boil, witch worse toe coiled. Butter sop 
inner tawny ladle boll worse jest rat, an 
Guilty Looks aided oil lop. Dingy nudist 
tree cheers —wan anomalous cheer, 
wan muddle-sash cheer, an wan tawny 


你 会 完 
这 里 实 


拿 起 哪 一 个 呢 ? 
际 上 只 有 一 个 区 别 : 


字体 


Tekton 和 常规 


这 个 新 闻 简 报 人 简洁 明快 ， 不 过 这 里 没有 什么 能 吸引 你 的 眼 
球 。 如 采 无 法 吸引 视线 ， 就 没有 人 会 去 读 它 。 


字体 


它们 的 基本 布局 神 


第 二 个 新 闻 





下 面 的 对 比 就 很 明显 了 。 我 在 标题 和 子 标题 中 使 用 了 一 种 更 突出 、 更 粗 的 字体 。 这 里 还 在 
新 闻 简 报 的 题目 上 重复 了 这 种 字体 〈 还 记得 吗 ? 这 是 重复 原则 )。 由 于 题目 从 全 部 大 写 改 为 混 











合 有 大 小 号， 所 以 现在 能 使 用 一 种 更 大 更 粗 的 字体 ， 这 还 有 助 于 突出 对 比 效 果 。 男 外 ， 由 于 现 
在 题目 如 此 突出 ， 还 可 以 党项 部 在 题目 下 加 一 个 黑 条 ， 再 重复 这 种 黑色 来 强调 对 比 。 








Wants pawn term dare worsted ladle 
gull hoe hat search putty yowler coils 
debt pimple colder Guilty Looks. Guilty 
Looks lift inner ladle cordage saturated 
adder shirt diesidence firmer bag 
florist, any ladle gull orphan aster 
murder toe letter gore entity florist 

oil buyer shelf. 


Thrilling Subhead 


“Guilty Looks!” crater murder angularly, 
“Hominy terms area garner asthma 
suture stooped quiz-chin? Goiter door 
florist? Sordidly nut!” 


“Wire nut, murder?” wined Guilty Looks, 
hoe dint peony tension tore murder's 
scaldings. 


“Cause dorsal lodge an wicket beer 
Inner fiorist, hoe orphan molasses 
pimple. Ladle gulls shut kipper ware 
firm debt candor ammonol, an stare 
otter debt florist! Debt horists mush 
toe dentures furry ladle gull!” 


Wail, pimple oil-wares wander doe 
wart udder pimple dum wampum toe 
doe. Debt'e jest hormone nurture. 


Wan moaning, Guilty Looks dissipater 
murder, an win entity florist. Fur lung, 
disk avengeress gull wetter putty 
yowler coils cam tore morticed ladle 
cordage inhibited buyer hull firmly off 
beere—Fodder Deer (home pimple, 

fur oblivious raisins, coiled "Prewing"), 
Murder Beer, an Ladle Bore Beer. Disk 
moaning, oiler beers hat jest lifter 
cordage, ticking ladle baekinge, an 
hat gun entity florist toe peck block- 
barriers an rash-barriers. Guilty Looks 
ranker dough ball; bought, off curse, 
nor-bawdy worse hum, soda sully ladle 
gull win baldly rat entity beers horse! 


Boring Subhead 

Honor tipple inner darning rum, stud 
tree boils fuller sop—wan grade bag 
boiler sop, wan muddle-sash boil, an 
wan tawny ladle boil. Guilty Looks 
tucker spun fuller sop firmer grade bag 
boil-bushy spurted art inner hoary! 


“Arch!” crater gull, "Debt eop'e toe 


hart—barns mar mouse!” 


Dingy traitor sop inner muddle-sash 
boil, witch worse toe coiled. Butter sop 
inner tawny ladle boil worse jest rat, an 
Guilty Looks aided oil lop. Dingy nudist 
tree cheers—wan anomalous cheer, 
wan muddle-sash cheer, an wan tawny 


字体 





Tekton 常 规 字体 
Aachen 粗 体 


页 相 比 ， 这 个 页 面 更 能 吸引 你 的 
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对 比 对 于 信息 的 组 织 至 关 重 要 ， 读 者 一 眼看 到 文档 就 能 立即 理解 文档 的 内 容 。 


字体 
James Clifton Thomas Times New Roman 
123 Penny Lane 
Portland, OR 97211 
(888) 555-1212 





PROFILE: 
A multi-talented, hard-working young man, easy to get along with, dependable, and joyful. 


ACCOMPLISHMENTS: 
January 2006-present Web designer and developer, working with a professional team of 
creatives in Portland. 


May 2000-January 2006 Pocket Full of Posies Day Care Center. Changed diapers, taught 
magic and painting, wiped noses, read books to and danced with babies and toddlers. Also 
coordinated schedules, hired other teachers, and developed programs for children. 


Summer 2006 Updated the best-selling book, The Non-Designer s Web Book with my mom 
(Robin Williams) and John Tollett. 


1997-2000 Developed and led a ska band called Lead Veins. Designed the web site and 
coordinated a national tour. 


EDUCATION: 

2002-2005 Pacific Northwest College of Art, Portland, Oregon: B.A. in Printmaking 
1999-2000 Santa Rosa High School, Santa Rosa, California 

1997-1998 Santa Fe High School, Santa Fe, New Mexico 

1982-1986 Poppy Creek Daycare Center, Santa Rosa, California 


PROFESSIONAL AFFILIATIONS: 

Grand National Monotype Club, Executive Secretary, 2000-2002 
Jerks of Invention, Musicians of Portland, President, 1999-present 
Local Organization of Children of Robin Williams, 1982-present 


HOBBIES: 
Snowboarding, skateboarding, tap dancing, cooking, magic, music (trumpet, drums, vocals, 


bass guitar), portrait drawing 


References available on request. 


这 是 一 封 相 当 典 型 的 自荐 信 。 信 息 是 完备 的 ， 如 果 有 人 确 


实 想 去 读 它 的 话 ， 当 然 可 以 了 解 到 其 中 的 信息 ， 不 过 这 样 一 封 
自荐 信 肯 定 无 法 吸引 你 的 注意 。 


注意 以 下 问题 : 

D 页 面 上 存在 两 种 对 齐 方式 : 居中 和 和 左 对 齐 。 

O 各 上 段 之 间 的 空间 (间隔 ) 太 相 似 。 

DJ 布局 不 一 致 一 一 日 期 有 时 在 左边 ， 有 时 在 右边 。 记 住 ， 
一 致 性 才 会 产生 重复 性 。 

口 职位 与 正文 混杂 在 一 起 。 





注意 ， 如 采 使 用 了 对 比 ， 不 仅 页 面 更 吸引 人 ， 文 档 的 目的 和 组 织 也 会 更 一 目 了 然 。 


James Clifton Thomas 





123 Penny Lane 
Portland, Oregon 97211 
(888) 555-1212 


Profile 
A multi-talented, hard-working young man, easy to get along with, 
dependable, and joyful. 

Accomplishments 


2006-present 


2000-2006 


Sumuner 2006 


1997—2000 


Education 


2002—2005 
1999—2000 
1997 -1998 
1982—1986 


Web designer and developer, working with a professional team of creatives 
in Portland. 


Pocket Full of Posies Day Care Center. Changed diapers, taught magic and 
painting, wiped noses, read books to and danced with babies and toddlers. 
Also coordinated schedules, hired other teachers, and developed programs 
for children. 


Updated the best-selling book, The Non- Designers Web Book with my mom 
(Robin Williams) and John Tollett. 


Developed and led a ska band called Lead Veins. Designed the web site and 
coordinated a national tour. 


Pacific Northwest College of Art, Portland, Oregon: B.A. in Printmaking 
Santa Rosa High School, Santa Rosa, California 

Santa Fe High School, Santa Fe, New Mexico 

Poppy Creek Daycare Center, Santa Rosa, California 


Professional Affiliations 


2000—2002 
1999— present 
1982. - present 


Hobbies 


o 


Grand National Monotype Club, Executive Secretary 
Jerks of Invention, Musicians of Portland, President 
Local Organization of Children of Robin Williams 


Snowboarding, skateboarding, tap dancing, cooking, magic, 
music (trumpet, drums, vocals, bass guitar), portrait drawing 


References available on request. 


上 述 问 题 很 容易 修正 。 
只 保留 一 种 对 齐 方式 : 左 对 齐 。 在 上 面 可 以 看 到 ， 如 果 只 使 用 一 种 对 齐 ， 并 不 


字体 
Ronnia 粗 体 

Warnock Pro 常规 字体 
及 斜体 


是 说 所 有 元 素 都 要 沿 着 同一 个 边界 对 齐 ， 这 只 是 说 ， 所 有 一 切 都 要 采用 同样 的 
对 齐 方式 。 上 面 的 左 对 齐 文本 很 明确 ， 而 且 互 相 优 进 《〈 对 齐 和 重复 )。 


d uu 


明显 的 标题 ， 这 样 就 能 立即 知道 这 个 文档 是 什么 ， 有 哪些 要 点 〈 对 比 )。 
段 之 间 的 间隔 比 各 段 内 文本 行 之 间 的 间隔 大 (空间 关系 对 比 ; 亲密 性 )。 
学 位 和 职位 都 用 粗 体 (标题 字体 的 重复 )， 这 种 强烈 对 比 能 使 你 很 快 抓 住 要 点 。 
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要 增加 有 意思 的 对 比 ， 最 容易 的 方法 就 是 实现 字体 对 比 〈 这 也 是 本 书 第 二 部 分 的 重点 )。 
不 过 不 要 忘记 ， 还 可 以 利用 线 、 颜 色 、 元 素 之 间 的 间隔 、 材 质 等 形成 对 比 。 

如 宁 在 列 之 间 使 用 一 条 极 细 的 线 ， 需 要 另 一 条 线 时 就 应 该 使 用 2 点 或 4 点 的 粗 线 ， 不 要 在 
同一 个 页 面 上 使 用 0.5 点 和 1 点 的 线 。 如 末 要 使 用 为 一 种 闫 色 来 突出 效果 ,一 定 要 确保 闫 色 有 














反差， 对 应 黑色 正文 ， 深 标 色 或 蓝 黔 色 就 不 能 有 效 地 形成 对 比 。 


The Rules of Life 
Your attitude is your life. 
Maximize your options. 


Don't let the seeds stop you 
from enjoyin’ the watermelon. 


Be nice. 


The Rules of Life 


Your attitude is your life. 
Maximize your options. 


Don't let the seeds stop you 
from enjoyin the watermelon. 


Be nice. 








The Rules of Life 


Your attitude is your life, 
Maximize your options. 


Don't let the seeds stop you 
from enjoyin the watermelon. 


Be nice. 





字体 之 间 和 线 之 间 确 实 有 一 点 对 比 ， 
不 过 这 里 的 对 比 很 微弱 。 
这 些 线 确 实 有 意 设置 为 两 种 不 同 的 粗 


细 吗 ? 是 不 是 只 是 不 小 心 弄 错 了 ? 


现在 字体 之 间 强 烈 的 对 比 使 它 更 生 
动 ， 更 引 人 注目 。 

由 于 线 粗细 有 了 更 强烈 的 对 比 ， 再 不 
会 有 人 认为 这 可 能 是 一 个 失误 了 。 


这 只 是 线 的 玫 外 一 种 用 法 〈 这 条 粗 线 
隐藏 在 了 白色 字体 的 后 面 )。 

运用 对 比 , 整个 表 都 更 鲜明 ， 更 精美 ; 
你 很 清楚 它 从 哪里 开始 ， 到 哪里 结束 。 


字体 
Antique Olive Nord 
Garamond Premier Pro 中 粗 斜体 





对 0x 


如 果 新 闻 人 简报 中 使 用 了 又 高 又 罕 的 列 ， 就 应 当 在 水 平方 向 有 一 些 突出 的 标题 ， 在 页 面 上 形 
成 对 比 。 


将 对 比 与 重复 相 结合 ， 如 页 码 、 标 题 、 项 目 符 号 、 比 或 空间 布局 ， 从 而 在 整个 出 版 物 中 建 
立 一 种 强烈 的 统一 标识 。 


New! Santa fe 
Mac User Group 





macintos 


www.SantaFeMUG.org 
What is it?!? Am I invited? What'll we Can I get When is it? 
Most towns and citics Yes! Anyone who has do there? more involved? o: mcectings will be 


have a Macintosh User 
Group (MUG) that provides 
information and support 
for anyonc using à 
Macintosh in any field. 
Meetings are monthly. 
Support groups for 
specialized interests (such 
as design or business 

or teaching) may also 


develop. 


This is a place to share 
expertise, look for help, 
find answers, keep up 
with the rapid flow 

of information, and 


have fun! 


anything to do with 
Macintosh computers is 
invited. Even if you've 
ncvcr uscd a Mac, you'rc 
invited. Even if you 
haven't even decided 
that a Mac is the right 
computer for you, 
you're invited. 


Can | bring 
a friend? 


Of course you can! Bring 
your friends, your mom 
and dad, your neighbors, 
your teenagers! You can 


bring cookies, too! 


Each month there 

will be a speaker, either 
from thc community. 
from a hardwarc or 
software vendor, or a 
Mac celebrity. We will 
have raffles, a library of 
disks with a wide variety 
of software, time for 


questions and answers, 


and general camaraderie. 


And if you bring 
cookies, we'll eat 


cookies! 


We were hoping you'd 
ask. Yes, since this is 

our first meeting, we'll 
be looking for people 
interested in becoming 
involved. Many people 
are needed to sustain a 
viable and useful user 
group. We'll have a list 
of volunteer positions 
available, but you'd better 
volunteer quick because 
this is so much fun! We 
truly hope to create a 
strong and supportive 
community of Mac users. 


held on the first Thursday 
of each month, from 
7 to 9 P.M. 


Where is it? 


Meetings will be held in 
the Jemez Room at Santa 
Fe Community College. 


Does it cost 
money? 

Nope. Not yet, anyway. 
Every user group has an 
annual membership fee 
to support itself. Meetings 
may eventually cost $2 
for non-members. So 
come while it's free! 





字体 








Proxima Nova 黑体 
《标题 压缩 到 7596) 
Improv 常 规 字 体 
Photina 常规 字体 


这 个 明信片 中 除了 字体 的 对 比 外 ， 水 平方 向 的 长 题目 与 又 高 又 窄 的 垂直 
列 之 间 也 存在 一 种 对 比 。 这 些 窗 列 不 仅 是 一 种 重复 元 素 ， 同 时 也 是 对 比 的 例 


EC 
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下 面 的 例子 是 一 个 典型 的 传单 。 它 最 大 的 问题 是 ， 文 本 行 太 长 读 起 来 很 费劲 ， 没 什么 内 容 
能 吸引 读者 的 眼球 。 

创建 一 个 可 以 吸引 读者 注意 的 标题 。 当 读者 的 眼光 投 到 页 面 上 ， 就 算 他 不 打算 阅读 全 部 内 
容 ， 但 如 果 在 文本 中 来 用 对 比 ， 读 者 在 浏览 时 还 是 会 将 日 光 停留 在 内 容 上 。 采 用 严格 的 对 齐 方 
式 并 使 用 亲密 性 来 加 强 页 面 的 布局 。 





ra 


Brioso Pro 常 规 字体 
及 和 斜体 





从 哪里 开始 改进 这 个 传单 呢 ? 

O 行 太 长 了 ， 读 者 自己 就 读 不 下 去 了 。 如 果 像 这 样 有 很 多 内 容 ， 就 像 前 面 和 后 面 那 
两 幅 图 那样 采用 多 列 。 

D 将 关键 短语 设 为 粗 体 ， 视 觉 上 的 对 比 可 以 吸引 读者 的 目光 。 

O 也 许 以 一 段 介绍 性 的 文字 开头 ， 读 者 会 对 传单 的 目的 有 一 个 大 致 的 了 解 。 很 少 有 
人 愿意 读 一 块 一 块 的 信息 ， 所 以 有 必要 通过 一 个 介绍 性 路 径 来 引导 读者 的 目光 。 


AREER, jSSUEEANAC RI EAT SECKBISUEJNOM EG, YSBÉ RH HE RBS EH! —H 
读者 把 握 住 重 点 ， 只 要 他 们 感 兴趣 ， 目 然 会 去 读 这 些 较 小 的 文字 。 如 果 他 们 不 感 兴趣 ， 不 论 你 
把 这 些 文字 设置 得 多 大 他 们 也 不 会 去 读 。 


注意 ， 这 里 还 用 到 了 其 他 一 些 原 则 : 亲密 性 、 对 齐 和 重复 。 它 们 相互 协作 ， 建 立 了 整体 效 
果 。 设 计 页 面 时 很 少 只 使 用 某 一 种 原则 。 


字体 
Coquette 粗 体 
Brioso Pro 常规 字体 
及 和 斜体 





该 传单 是 黑白 打印 的 ， 所 以 我 们 采用 不 同 灰 度 的 装饰 并 为 
标题 增加 点 花样 。 

让 你 的 眼睛 随意 在 文档 中 浏览 一 一 你 能 感到 是 如 何 被 吸引 
到 粗 体内 容 上 的 吗 ， 你 是 如 何 下 意识 地 去 读 这 部 分 内 容 的 ? 如 
果 你 能 吸引 与 你 的 内 容 无 多 大 关系 的 人 ， 那 么 他 们 当中 许多 人 
都 会 下 意识 地 去 读 更 多 的 内 容 。 











在 设计 原则 中 ， 对 比 最 有 意思 ， 同 时 效 末 也 最 为 显著 ! 只 需 几 个 小 小 的 改动 ， 就 能 把 一 个 
普 普 通通 的 设计 变 成 一 个 精美 的 设计 。 


字体 
Minister 细 体 及 细 和 斜体 
Delta Jaeger 细 体 及 中 型 字体 





作为 一 本 好 书 的 摘要 , 这 个 宣传 单 还 是 略 显 平淡 。 现 在 来 看 增加 了 一 些 对 比 之 后 的 广 
& (下 一 幅 图 )。 你 能 说 出 至 少 增加 了 哪 4 种 对 比 吗 ? 


AMAER — REUS MLR” WE? 这 正 是 对 比 的 力量 ; ERRA RR RAUR 
印象 ”。 只 需 一 些小 小 的 改动 ， 差 别 却 是 惊人 的 ! 








字体 
Silica 粗 体 
Delta Jaeger 细 体 及 中 粗 字 体 
Aav 
An excellent resource for those with 
reading addictions but not a lot of 
一 E hc D EZ N 5 
time to scour the shelves for that 把 标题 从 大 写 改 为 小 号， 可 以 留 
perfect book. Prof. Katona has done 出 更 多 空间 ， 这 样 就 能 让 标题 更 大 ， 
it for us so we can spend our time 更 粗 。 
reading the books, not finding them. - 
xk ROG BAM $4 
Christine Bolt, Professor of Business ARRE 本 书 的 | 人 E 我 们 
就 把 书 显示 得 更 大 。 
在 重复 方面 ,我 从 书 中 选择 了 非常 
粗 的 字体 。 


我 把 Cynthia( 作 者 ) 的 像 片 放 到 
了 卡片 的 另 一 面 , 因为 这 一 面 内 容 实在 
是 太 多 了 。 
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当然 并 不 是 只 需要 强调 对 比 ， 不 过 ， 通 第 你 都 会 发 现 ， 如 采 增 加 了 对 比 ， 其 他 概念 显然 就 
相形 见 纳 了 。 例 如 ， 对 比 元 姆 有 时 可 以 用 作 重 复元 系 。 





3 dog bakery 
gallery * daycava 


We know you love your four-legged friends, 
So hike on over to Hugs for shows of affection! 


Sterling Silver Jewelry...perfect for braggin' on your pup 
Toys Galore...for making your dog feel special 
Custom art prints of you and your furry friend 

Dog calendars, books, and mouse pads 
Figurines and statues of all breeds 
First Aid Kits 


Friday, July 11 and Saturday, July 12 
Receive a FREE mini snack pack of Hugs puppy cookies 
with any hiking gear purchase! 


"Somebody needs a Hug!!!” 
Hugs, where biscuits, beds, and books beckon 


503 OLD DOG TRAIL, MADRAS, OR, 99909 
TELEPHONE: (505) 555-1212 FAX: (505) 555-1212 





这 个 广告 是 从 当地 报纸 摘录 的 。 除 了 居中 对 
齐 、 缺 乏 亲 密 性 和 重复 ， 以 及 字体 过 于 乏味 等 问题 
外 ， 这 个 广告 显然 缺少 对 比 。 设 计 中 最 能 吸引 人 园 
读 的 就 是 对 比 了 。 小 狗 的 脸 很 可 爱 ， 不 过 仅 此 而 已 。 

不 错 ， 这 里 确实 有 一 点 对 比 和 重复 (你 能 把 它 
们 指出 来 吗 ? )， 不 过 太 弱 了 。 设 计 者 也 想 努 力 做 出 
对 比 ， 但 是 他 太 过 犹 穆 。 


我 相信 你 肯定 看 过 《或 者 目 己 做 过 ) 很 多 类 似 
的 东西 。 没 关系 。 现 在 你 应 该 知道 怎样 才能 做 得 更 
好 。 


(请 注意 ， 可 爱 的 小 狗 朝 着 与 商店 的 名 字 相反 
的 方向 看 。 读 者 的 眼睛 总 是 随 着 页 面 上 任何 人 或 动 
物 的 眼睛 看 过 去 。 所 以 要 确保 将 读者 的 目光 吸引 到 
页 面 的 焦点 内 容 。) 





字体 

Tapioca 

Times New Roman 
Helvetica 常规 字体 





尽管 下 面 的 广告 与 前 一 页 上 的 广告 看 上 去 简直 是 天 壤 之 别 ， 但 实际 上 这 里 只 是 按部就班 地 
应 用 了 前 面 介 绍 的 4 大 基本 原则 而 已 。 


字体 
Tapioca 
Bailey Sans TH (4 





HT Exeter 
We know you love your four-legged friend, so hike on over to h ugs 


for shows of affection: 





Sterling silver jewelry— perfect for braggin' on your pup 
Toys $alore— for making your dog feel special 

Custom art prints of you and your furry friend 

Dog calendars, books, mousepads, figurines, first aid kits 


Friday, July 11, and Saturday, July 12, receive 
a FREE mini snack-pack of Hugs puppy cookies 
with any hiking gear purchase! 


where biscuits, beds, and books beckon 


Mti: needs a hu$! 


i 


503 Old Dog Trail . Madras . Oregon .99909 T505 5551212 F505 555 1212 





我 们 采取 了 下 面 的 步骤 来 改进 上 一 页 中 的 广告 ， 并 把 它 逐 步 修 改 为 上 面 的 样子 。 

O +7 Times Roman 和 Arial/Helvetica 字体 。 把 这 些 字体 干脆 从 你 的 字体 选择 中 去 
除 。 相 信 我 没有 错 。 OA 

O 去 掉 居 中 对 齐 。 我 知道 这 么 做 很 难 ， 但 是 必须 如 此 。 等 你 更 有 了 眼光 之 后 ， 可 以 再 
做 一 些 居 中 对 齐 的 尝试 

D) 找 出 页 面 上 最 有 意思 的 东西 ， 或 者 最 重要 的 东西 加 以 强调 ! 在 这 里 ， 最 有 意思 的 

就 是 小 狗 的 脸 ， 最 重要 的 是 商店 的 名 字 。 为 商店 做 三 告 时 ， 如 果 没 人 能 说 出 商店 

叫 什么 ， 那 这 个 广告 还 有 什么 意义 呢 ? 把 最 重要 的 东西 放 在 一 起 ， 这 样 读 者 就 不 
会 漏 掉 重 点 。 

把 信息 分 组 为 一 些 驾 辑 组 。 合 理 利用 空间 ， 将 各 项 分 开 或 者 联系 起 来 。 

找 出 可 以 重复 的 元 素 〈 包 括 对 比 的 元 素 )。 

最 重要 的 是 ， 要 增加 对 比 。 以 上 可 以 看 到 黑白 对 比 、 灰 度 对 比 、 字 体 大 小 和 字体 

的 对 比 。 


一 次 尝试 一 个 概念 。 相 信 你 自己 的 作品 也 会 让 你 惊异 不 已 。 


d uu 
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下 面 的 例子 取 自 讨论 亲密 性 的 第 2 章 。 它 本 里 很 简洁 明快 ， 不 过 注意 下 一 


小 的 对 比 能 市 来 多 大 的 差别 。 


[s © ma om TheshakespearePapers.com 


About the Papers 
The Philosophy 
The Product 
The Designer 


Current Topies 
Symbology 
Motifs 
Language 
Collections 
Themes 
Quizzes 


Contact Us 
Subscribe 
Request a Sample 
Comments 


The Shakespeare Papers are snippets of 
amusing, tantalizing, peculiar, educative, 
unexpected, surprising, brilliant, intriguing, 


and occasionally controversial tidbits about 


the Shakespearean plays and sonnets. 


Each beautifully designed, full-color, bimonthly, 
16-page booklet focuses on one tiny aspect of 


these luminous works. Why, you ask? 


There are some shrewd contents in yon same paper! 
PORTIA in The Merchant of Venice 





这 个 网 页 上 已 经 有 一 些 对 比 ， 不 过 通过 对 另外 一 些 元 素 应 用 对 比 原 则 ， 


还 可 以 进一步 做 出 改进 


字体 

Wade yans 细 体 

Clarendon 细 体 
Roman 及 粗 体 

Trebuchet 常规 字体 及 斜体 


， 看 看 增加 小 


第 5 章 对 x 


希望 你 已 经 看 出 ， 对 比 对 于 设计 作品 来 说 是 何等 重要 ， 为 外 也 应 该 能 看 出 增加 对 比 实际 上 
是 何等 容易 。 只 需要 有 意识 地 去 做 就 可 以 了 。 有 了 对 比 之 后 ， 对 比 元 素 就 可 以 用 作 重 复元 
E 
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Shakespeare by Design, a wee bit at a time 





About the Papers The Shakespeare Papers are snippets of 


The Philosophy à "Wn 4 : 
The Product amusing, tantalizing, peculiar, educative, 
The Designer unexpected, surprising, brilliant, intriguing, 
Current Topies and occasionally controversial tidbits about 
ymbol 
-一 — the Shakespearean plays and sonnets. 
Language 
Collections Each beautifully designed, full-color, bimonthly, 
Themes : 
16-page booklet focuses on one tiny aspect of 
Quizzes pag S BEP 
these luminous works. Why. you ask? 
Contact Us 
Subscribe 
Request a Sample 
Comments There are some shrewd contents in yon same paper! 


PORTIA in The Merchant of Venice 


^t 
A" 


我 所 增加 的 只 是 一 点 瞳 色 彰 景 。 这 个 页 面 看 起 来 更 生动 ， 更 有 趣 。 
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对 比 小 结 


在 页 面 上 增加 对 比 能 吸引 人 的 眼球 。 我 们 的 眼睛 喜欢 看 到 对 比 的 事物 。 如 果 页 面 上 放 两 个 
不 完全 相同 的 元 素 〈 比 如 有 两 种 不 同 字 体 ， 或 者 有 两 种 不 同 线 宽 )， 它 们 就 不 能 类 似 。 要 实现 有 
效 的 对 比 ， 这 两 个 元 素 必须 被 然 不 同 。 


对 比 就 像 需要 修补 一 处 漆 记 时 配 漆 一 样 ， 不 能 大 概 地 配色 ， 颜 色 有 要么 配 得 完全 相同 ， 要 人 么 
就 得 把 整 面 墙 痢 重 漆 一 这 。 我 的 祖父 酷爱 括 中 铁 洲 戏 ) 忆 是 说 ,“ 只 有 在 据 蹄 铁 和 手榴弹 游戏 
中 “几乎 击 中 ” 才 算 属 。 《在 其 他 方面 ， 仅 仅 “ 几 乎 达到 ”是 不 算数 的 。) 

根本 目的 

对 比 的 根本 目的 有 两 方面 ， 这 两 个 方面 相辅相成 ， 无 法 分 开 。 一 个 目的 是 增强 页 面 的 效果 ， 
如 采 一 个 页 面 看 起 来 很 有 意思 ， 往 往 更 有 可 该 性 。 另 一 个 目的 是 有 助 于 信息 的 组 织 。 读 者 应 当 
能 立即 了 解 信息 以 何 种 方式 组 织 ， 以 及 从 一 项 到 为 一 项 的 逻辑 流程 。 对 比 元 系 不 能 让 读者 混淆 ， 
也 不 能 错误 地 强调 重点 〈 即 本 不 该 是 重点 的 元 素 )。 


























如 何 实现 

可 以 通过 字体 选择 〈 见 下 一 部 分 )、 线 宽 、 颜 色 、 形 状 、 大 小 、 空 间 等 等 来 增加 对 比 。 增 加 
对 比 很 容易 ， 途 径 有 很 多 ， 这 可 能 是 增加 视觉 效果 最 有 意思 也 最 让 人 满意 的 方法 了 。 重 要 的 是 : 
对 比 一 定 要 强烈 。 

要 避免 的 问题 

不 要 犹 驳 。 如 果 你 想 形成 对 比 ， 就 加 大 力度 。 不 要 将 一 种 粗 线 与 一 种 更 粗 的 线 进 行 对 比 。 
不 要 将 棕色 文本 与 黑色 标题 建立 对 比 。 要 避免 使 用 两 种 或 多 种 类 似 的 字体 。 如 果 各 个 项 不 完全 
一 样 ， 干 脆 让 它们 截然 不 同 ! 




















xd J 








有 关 设 计 《〈 同 时 也 是 有 关 生 活 ) 的 一 个 更 一 般 的 指导 原则 是 不 要 晴晴 缩 缩 : 


口 不 要 害怕 在 设计 (或 生活 ) 中 留 有 空白， 这 能 让 你 的 眼睛 《以 及 心灵 ) HERA. 

O 不 要 害怕 设计 是 不 对 称 的 ， 使 用 非 居中 的 格式 ， 不 居中 往往 能 使 效果 更 强烈 。 尺 管 不 建 
以 使 用 居中 ， 不 过 有 意 这 人 么 做 也 无 不 可 。 

O 不 要 害 介 把 单词 设置 得 非常 大 或 非常 小 ， 不 用 担心 说 话 声 太 大 或 者 太 小 。 在 合适 的 场合 
这 都 是 可 以 的 。 

O 只 要 最 后 的 结果 能 支持 或 强调 你 的 设计 或 观点 ， 不 要 害怕 让 图 片 太 大 或 太 小 。 


下 面 用 一 个 很 乏味 的 报告 封面 作为 例子 (如 下 所 示 )， 然 后 依次 应 用 各 个 原则 。 























这 是 一 个 相当 乏味 但 很 典型 的 报告 封 
a E: 居中 ， 为 了 填 满 整个 页 面 而 各 行 间隔 
Your Attitude 都 均匀 。 如 果 你 不 懂 英 语 ， 可 能 认为 这 一 
页 上 有 6 个 单独 的 主题 。 每 一 行 看 上 去 都 
. . 是 自 成 一 体 的 孤立 元 素 。 
is Your Life 


Lessons from raising three children 


as a single mom 


Robin Williams 


October 9 


字体 
Berthold Walbaum Book 粗 体 
Hypatia Sans Pro 常规 字体 及 细 体 
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如 果 项 彼此 相关 ， 就 把 它们 分 在 一 组 建立 更 近 的 亲密 性 。 相 互 之 间 没 有 直接 关联 的 项 要 
分 开 。 设 置 不 同 的 间 隅 来 指示 各 项 的 接近 程度 或 天 系 的 重要 性 。 除 了 可 创造 出 更 党 腕 的 页 面 外 
观 ， 亲 密 性 也 可 以 令 表达 更 清晰 。 











标题 和 子 标题 相互 靠近 ， 现 在 就 
有 一 个 明确 的 单元 ， 而 不 是 6 个 无 关 


Your Attitude — sre e 
is Your Life DD 


Lessons from 
raising three children 
as a single mom 


把 作者 署名 和 日 期 放 得 更 远 一 
些 ， 从 而 能 很 快 清楚 地 看 出 : 尽管 这 
是 一 个 有 关联 的 信息 ， 可 能 还 很 重 
要 ， 但 它 不 是 标题 的 一 部 分 。 


Robin Williams 
October 9 





对 齐 





应 当 注 童 放 在 页 面 上 的 每 一 个 元 素 。 要 保证 整个 页 面 是 统一 的 ， 将 每 个 对 和 象 与 为 外 某 个 对 
象 的 一 个 边界 对 齐 。 只 有 在 对 齐 很 明显 的 基础 上 ， 才 可 以 选择 偶尔 打破 对 齐 规则 。 在 这 种 情况 
下 打破 常规 对 齐 看 上 去 不 会 是 个 失误 。 


Your Attitude 
is Your Life 


Lessons from 
raising three children 
as a single mom 


Robin Williams 
October 9 尽管 作者 的 名 字 与 标题 相距 很 远 ， 
但 是 由 于 对 齐 ， 这 两 个 元 素 之 间 在 视觉 
上 存在 某 种 关联 。 


上 一 页 的 例子 也 是 对 齐 的 ， 不 过 是 居中 
对 齐 。 可 以 看 到 ， 左 对 齐 或 右 对 齐 ( 如 本 页 
的 例子 所 示 ) 可 以 给 出 一 个 更 明显 的 边 者 ， 
这 条 线 更 明确 ， 使 你 的 视线 有 基准 可 循 。 


与 居中 对 齐 相 比 ， 左 对 齐 或 右 对 齐 还 能 
提供 一 种 更 精美 的 外 观 。 
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重复 








重复 是 更 能 保证 一 致 性 的 一 种 方式 。 可 以 看 看 现在 已 经 重复 的 元 素 〈 项 目 符号 、 字 体 、 线 
条 、 颜 色 ， 等 等 )， 是 不 是 可 以 让 其 中 某 个 元 素 更 罕 出 ， 把 它 用 作为 重复 元 素 。 重 复 还 有 助 于 
增强 读者 对 设计 所 表示 的 实体 的 认 知 度 。 


Your Attitude 
is Your Life 


Lessons from 
raising three children 
as a single mom 


Robin Williams 
October 9 








标题 与 众 不 同 的 字体 在 作者 名 中 
到 重复 ， 这 会 加 强 它 们 之 间 的 关联 ， 
SE ENE A m rs qu um 


D AA 


| 


» 


E 


小 三 角 是 专门 为 建立 重复 而 特别 
增加 的 。 尽 管 每 个 三 角 指 向 不 同 的 方 
向 ， 但 是 三 角 的 形状 很 有 特点 ， 足 以 
每 次 都 能 被 认 出 。 

三 角 的 “颜色 ”也 是 一 个 重复 元 
素 ， 重 复 有 助 于 把 设计 中 的 不 同 部 分 
联系 在 一 起 。 


对 比 


这 一 页 上 的 例子 比 前 页 上 的 例子 更 能 吸引 你 的 眼球 ， 不 是 吗 ? 产生 这 种 效 采 的 原因 就 是 对 
比 ， 即 分 明 的 黑 晶 对比。 可 以 采用 多 种 方式 增加 对 比 ， 如 线 (线条)、 字 体 、 颜 色 、 空 间 关 系 、 
方向 等 。 本 书 的 第 二 部 分 就 会 讨论 字体 对 比 的 有 关内 容 。 


° 在 这 里 增加 对 比 很 简单 ， 只 是 增 
Your Attitude 加 了 一 个 黑 方 框 而 已 。 


is Your Life 





Lessons from 
raising three children 
as a single mom 





Robin Williams 


October 9 
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Cose #1: 设计 原则 
找 出 以 下 两 个 自荐 信 示 例 的 至 少 7 处 不 同 。 把 每 处 不 同 圈 出 来 ， 指 出 它 违反 了 哪 一 个 设计 
原则 。 具 体 说 明 有 哪些 变化 。 








1 
Résumé: Launcelot Gobbo 
$73 Acqua Canal 
Venice, Italy 
Education 
- Ravenna Grammar School > 


- Venice High School, graduated with highest 
honors 
- Trade School for Servants 





Work Experience 





1593 Kitchen Help, Antipholus Estate 
1597 Gardener Apprentice, Tudor Dynasty 3 
1598 Buder Internship, Pembrokes 


References 





- Shylock the Moneylender 
- Bassanio the Golddigger 











Résumé 
Y Launcelot Gobbo 
#73 Acqua Canal 
Venice, Italy 








Education 
4 Ravenna Grammar School 
4 Venice High School, graduated 
with highest honors 
4 Trade School for Servants 





Work Experience 
41593 Kitchen Help, Antipholus Estate 
4 1597 Gardener Apprentice, Tudor Dynasty 
4 1598 Butler Internship, Pembrokes 








References 
4 Shylock the Moneylender 
4 Bassanio the Golddigger 7 字体 


Shannon Extra 粗 体 
Adobe Jenson Pro 
- ITC Zapf Dingbats A 











wn #2: 重新 设计 广告 


这 个 杂志 广告 存在 哪些 问题 ? 列 出 这 些 问 题 ， 并 指出 相应 的 解决 方法 。 


提示 : 有 中 心 点 吗 ? 为 什么 没有 ， 怎 样 才能 创建 一 个 中 心 点 ? 为 什么 这 人 么 多 文本 全 都 要 
用 大 与 ? 需要 粗 边框 和 内 框 吗 ? 这 个 广告 有 多 少 种 字体 ”有 多 少 种 不 同 的 对 齐 方式 ?有 逮 辑 
关系 的 元 素 是 否 分 在 一 组 建立 了 更 近 的 亲密 性 ? 哪些 可 以 用 作 重 复元 素 ? 








拿 一 张 描 图 纸 ， 勾 出 这 个 广告 的 轮 慷 。 然 后 移动 描 图 纸 ， 表 分别 勾 出 各 个 元 素 的 轮廓 ， 重 
新 氛 放 这 些 部 分 ， 把 它 设计 为 一 个 更 专业 、 黑 人 简洁、 里 下 接 的 广告 。 在 此 过 程 中 要 采用 前 面 介 
绍 的 各 个 原则 : 亲密 性 、 对 齐 、 重 复 和 对 比 。 关 于 从 何 处 入 手 的 一 些 建议 将 在 接 下 来 的 几 页 中 


HATIA o 
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全 测验 #2 ( y. 设计 广告 的 一 些 建议 








知道 从 哪里 人 手 有 时 非常 重要 。 所 以 首先 来 理 一 下 思路 。 


先 要 去 掉 所 有 多 余 的 东西 ， 这 样 才能 知道 到 底 在 做 什么 。 例 如 ，Web 地 址 中 并 不 需要 有 
http:// CE Z& www 也 可 以 不 要 )。phone、call 或 email 之 类 的 词 都 是 不 必要 的 ， 因 为 文本 和 数 
字 格 式 能 清楚 地 表明 这 一 项 是 什么 。 另 外 不 需要 4 个 logo。 内 框 也 不 需要 。 字 母 不 需要 全 部 大 
E. AUE CALIF. 〈 看 着 很 乱 )， 而 是 使 用 ca 或 者 完整 地 拼 出 这 个 词 。 还 有 ， 区 号 两 边 不 
用 加 括号 。 


边框 的 圆 角 使 这 个 广告 看 上 去 很 “软弱 ”， 而 且 与 logo 的 直角 边 有 冲突 。 所 以 要 让 边框 更 
细 一 些 、 轴 尖锐 一 些 《〈《 如 采 广 告 是 彩色 的 ， 可 以 使 用 一 种 谈 有 觉 包 形状， 而 根本 不 要 加 边民 六 
可 以 选择 一 种 或 两 种 字体 。 
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Brioso Pro 细 体 








既然 已 经 可 以 看 到 具体 处 理 的 内 容 ， 下 面 确 定 哪 一 项 应 当 是 中 心 点 。 取 决 于 广告 要 放 
在 哪里 ， 中 心 点 可 以 稍 有 不 同 。 例 如 ， 如 果 这 是 一 个 验光 师 的 电话 憩 广 告 ， 中 心 点 可 以 在 
Optometry 上 而 不 是 他 的 名 字 上 ， 读 者 翻 看 黄页 查 找 的 是 这 个 领域 里 的 某 个 人 ， 而 不 是 医师 的 





名 字 。 在 一 个 电话 锭 中 ， 电 话 和 号 码 应 该 比 在 其 他 场合 有 更 高 的 优先 级 ， 比 如 ， 在 一 个 宣布 菏 个 
特定 时 间 会 发 生 茶 个 事件 的 传单 中 ， 电 话 写 码 就 不 那么 重要 。 

这 一 部 分 在 这 个 特定 的 杂志 《或 男 外 某 个 位 置 ) 中 有 什么 作用 呢 ? 这 有 助 于 确定 余下 信息 
的 层次 结构 。 哪 些 项 应 当 分 组 在 一 起 ， 有 更 近 的 亲密 性 ? 


在 下 面 的 空白 里 大 致 匀 勒 出 一 种 设计 。196~197 页 会 给 出 建议 ， 并 给 出 可 取 的 一 种 布 
局 (可 以 有 多 种 可 能 的 布局 )。 
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小 结 





以 上 是 对 设计 部 分 的 总 结 。 你 可 能 还 希望 看 到 更 多 的 例子 。 实 际 上 ， 你 周围 到 处 都 是 例子 ， 
我 最 希望 的 是 能 癌 你 潜移默化 地 注 输 一 种 思想 ， 使 你 提高 视觉 敏感 度 。 我 也 考虑 过 提供 类 似 于 
“饼干 模具 ”之 类 的 设计 范例 ， 不 过 ， 正 如 古人 所 云 ， 授 人 以 鱼 仪 一 饭 之 惠 ， 而 不 如 授 人 以 汐 。 


要 记 住 ， 专 业 的 设计 人 员 总 是 会 “ 借 取 ”其 他 理念 ， 他 们 总 在 寻找 灵感 。 如 条 你 在 设计 一 
个 传单 ， 可 以 爷 找 一 份 你 确实 非常 喜欢 的 传单 ， 采 用 它 的 布局 。 只 需 使 用 你 目 己 的 文本 和 网 片 ， 
承 能 把 原来 别人 的 传单 变 成 你 目 己 独一无二 的 设计 。 夯 外 ， 可 以 找 一 个 你 喜欢 的 企业 名 户 ， 把 
它 调 整 为 你 目 己 的 企业 名 诱 。 还 可 以 找 你 喜欢 的 一 个 新 闻 人 简报 ， 适 当 修 改 把 它 变 成 你 自己 的 新 
闻 价 报 设计 。 在 这 种 调整 中 ， 它 就 会 逐步 变 成 你 自己 的 设计 。 我 们 神 是 这 样 做 的 。 














如 果 你 还 没有 读 过 The Mac is not a typewriter 3X, The PC is not a typewriter 这 两 本 书 ， 强 烈 
建议 你 读 一 读 。 如 果 你 还 有 下 面 这 些 不 好 的 习惯 ， 比 如 在 点 号 后 面 键入 两 个 空格 ， 在 文本 下 面 
加 下 划 线 ， 还 没有 使 用 真实 搬 号 或 引号 〈 即 应 当 使 用 “和 ” 而 不 是 ")， 那 你 确实 需要 好 好 读 读 
这 些 书 了 。 


谈 完 这 本 书 并 且 和 擎 握 了 所 有 概念 之 后 ， 可 以 绸 看 看 Robin Williams Design Workshop 一 书 。 
这 是 一 本 彩色 图 书 ， 疗 盖 了 更 高 级 的 设计 概念 。 

对 现在 来 讲 ， 只 要 开心 就 好 。 放 松 一 点 。 不 要 把 关于 设计 的 这 些 内 容 看 得 太 过 严肃 。 我 相 
信 ， 只 要 遵循 这 四 个 原则 ， 就 一 定 能 创建 出 生动 、 有 趣 、 有 条 理 并 让 你 引 以 为 聚 的 页 面 。 




















Bi (A 3e JI] 


jue EUE BECHER Ob RUSES HN. BEAT. ENARE AFEN, Ç 
业 彩 版 印刷 有 史 以 来 从 未 如 此 盛行 过 ， 人 们 越 来 越 夭 党 得 起 有 关 的 花费 。( 可 以 在 网 上 碍 一 碍 彩 
版 印刷 ， 并 比较 不 同类 型 的 价格 。) 


色 原 理论 可 以 非 第 深入 、 非 第 复杂 ， 不 过 在 这 一 革 中 ， 我 只 打算 对 色 轮 做 简要 的 解释 ， 并 
介绍 如 何 使 用 色 轮 。 如 果 你 需要 经 过 深思 丈 虞 来 决定 一 个 项 目 使 用 哪些 颜色 ， 色 轮 会 非常 有 用 。 

HIRAEZH PE CMYK 和 RGB 这 两 种 颜色 模型 之 间 的 区 别 ， 以 及 各 个 颜色 模型 分 
别 适 用 于 哪些 场合 。 














在 这 个 简单 的 例子 中 可 以 
看 到 ， 颜 色 不 仅 有 其 自己 的 影 
响 ， 还 会 影响 到 其 周遭 的 所 有 
x A. 
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不 同 凡 咽 的 色 轮 


色 轮 的 基础 是 贡 、 红 和 蓝 3 种 颜色 。 这 些 颜色 称 为 三 原色 Cprimary color)， 因 为 这 是 唯一 
无 法 创建 的 颜色 。 也 就 是 说 ， 如 果 有 一 盒 水 彩 ， 你 知道 可 以 混合 蓝 色 和 黄色 来 得 到 绿色 ， 但 是 
没有 办 法 通过 混合 其 他 颜色 来 得 到 纯 黄 、 纯 红 或 纯 蓝 色 。 





A 


p N 
在 色 轮 上 按 均 匀 的 
间隔 放置 三 原色 。 


现在 ， 如 有 果 拿 出 水 彩 盒 ， 分 别 将 色 轮 上 相 邻 的 颜色 等 量 地 混合 ， 就 会 得 到 三 间 色 Csecond- 
ary color)。 你 小 时 候 使 用 蜡笔 和 水 彩 时 可 能 已 经 注意 到 ， 贰 色 加 蓝 色 可 以 变 成 绿色 ; 蓝 色 加 红 
色 可 以 得 到 紫色 :而 红色 和 和 黄色 混合 就 得 到 了 橙色 。 


















Em ENS D. Rm 
再 在 三 原色 之 间 放 
上 这 些 三 间 色 。 





要 把 色 轮 中 的 空白 填 满 ， 你 现在 应 该 知道 怎么 做 了 ， 只 需 将 空白 两 边 的 颜色 按 等 量 混 合 。 
得 到 的 这 些 颜色 称 为 第 三 色 (tertiary color 或 third color)。 也 就 是 说 ， 黄 色 加 柳 色 可 以 得 到 所 请 
的 橙黄 色 。 蓝 色 和 绿色 可 以 混合 成 赣 绿 色 “〈 我 称 之 为 水 绿色 ，aqua )。 


现在 用 第 三 色 填 满 所 有 空白 ， 这 就 
构成 了 色 轮 。 好 戏 就 要 上 演 了 。 








颜色 关系 
现在 已 经 有 了 一 个 由 12 种 基本 颜色 构成 的 色 轮 。 利 用 这 个 色 轮 ， 可 以 创建 彼此 非常 协调 的 
颜色 组 合 。 后 面 将 介绍 几 种 可 行 的 做 法 。 


(在 我 们 使 用 的 CMYK 颜色 模型 中 ,“ 黑 色 ” 实 际 上 是 所 有 颜色 组 合 在 一 起 的 混合 产物 ， 而 
“ 昌 色 ”不 含 任何 颜色 ， 有 关内 容 见 98 页 上 的 解释 。) 
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互补 
色 轮 上 相对 《“ 即 完全 对 立 ) 的 颜色 为 互补 色 (complement)。 由 于 它们 如 此 对 立 ， 所 以 最 
佳 搭配 是 一 种 作为 主 色 ， 男 一 种 用 于 强调 。 





BU «esse 
BE 5e 5e 
gp «eoe 





— 黄 绿 色 和 紫罗兰 色 
B 蓝 紫 色 和 橙黄 色 
E K R fui 2r e, 





目前 来 看 ， 你 可 能 认为 这 一 页 上 的 一 些 颜 色 组 合 很 怪异 。 不 过 ， 这 正体 现 了 为 什么 
有 必要 了 解 如 何 使 用 色 轮 ， patro esl 文 些 怪异 的 组 合 ， 并 且 对 于 这 么 做 可 以 自 
信 满 满 ! 它们 确实 能 很 好 地 相互 搭配 。 


Camplomentar] = 





nell 2 echan 粗 体 





三 色 组 


彼此 等 距 的 三 种 颜色 通 第 会 形成 一 个 让 人 愉悦 的 三 色 组 (triad)。 红 色 、 黄 色 和 蓝 色 就 是 
一 种 极其 流行 的 颜色 组 合 ， 儿 童 产品 通 稼 都 采用 这 种 组 合 。 由 于 这 是 三 基色 ， 所 以 这 种 组 合 也 
称 为 基色 三 色 组 (primary triad). 





也 可 以 尝试 使 用 绿色 、 梯 色 和 紫色 构成 的 间 色 三 色 组 (secondary triad), S46 JB ZA E 
用 ,但 出 于 以 上 原因 ， 这 种 组 合 也 让 人 很 舒服 。 


除了 红 、 黄 、 蓝 构成 的 基色 三 色 组 以 外 ， 所 有 三 色 组 中 的 三 种 颜色 部 有 基础 色 使 其 相互 连 
接 ， 因 此 看 上 去 非常 协调 。 








Z8, 6.1 TIE, ERE, ERE 











TEE, KRE ,紫罗兰 色 
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分 裂 互补 三 色 组 

另 一 种 形式 的 三 色 组 称 为 分 裂 互补 三 色 组 〈split complement)。 从 色 轮 的 一 边 选 择 一 种 疝 
色 ， 再 在 色 轮 上 找 出 它 对 面 的 互补 色 ， 不 过 并 不 直接 使 用 这 个 互补 色 ， 而 是 使 用 该 互补 色 两 例 
的 颜色 。 这 样 得 到 的 组 合 会 有 一 种 更 为 细致 的 颜色 边界 。 以 下 是 这 种 组 合 的 两 个 例子 。 








RE, WIE, 紫罗兰 色 














这 里 对 文本 后 面 的 框 使 用 了 “Tricksy Words” P aE. AXE 
色 的 说 明 见 90 ~93 页 。 


cn NN 
Wendy 粗 体 
Myriad Pro Condensed 





类 似 色 


类 似 色 Canalogous) 组 合 由 色 轮 上 彼此 相 邻 的 颜色 组 成 。 不 论 组 合 两 种 颜色 还 是 三 种 颜 
色 ， 它 们 都 有 相同 的 基础 色 ， 这 就 形成 了 一 个 协调 的 组 合 。 用 不 同 的 党 色 和 暗色 组 合 一 组 类 似 


E CECI EU HE P— UBRO. RRE H ! 















KRE, RE, ERE HRE, HE, HIE 


harriet's nora's 


handbags knickers 





字体 
Hypatia Sans Pro 常 规 字 体 
Diva Doodles A 
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暗色 和 亮色 


到 目前 为 止 ， 我 们 使 用 的 基本 色 轮 只 涉及 纯 “ 色 调 ” 也 就 是 纯色 。 还 可 以 向 不 同色 调 增 
加 黑色 或 白色 ， 这 样 能 大 幅 扩展 这 个 色 轮 ， 相 应 地 丰富 我 们 的 选择 。 





C 纯色 就 是 色调 (hue)。 
C 问 色 调 增加 黑色 就 构成 一 个 暗色 (shade)。 
CJ 问 色 调 增加 白色 就 构成 一 个 亮色 (tint)。 


= : [一 一 1 
| í 
lanm] 








ait 
CY 


以 下 显示 了 这 些 颜 色 在 色 轮 中 的 分 布 。 你 看 到 的 是 一 个 个 离散 
的 色 帮 ， 但 实际 上 闫 色 是 连续 渐变 的 ， 从 白色 到 里 色 之 间 有 无 限 多 
ft BUE. 


色调 位 于 
这 个 中 间 国 。 








建立 你 自己 的 暗色 和 亮色 


如 果 你 的 软件 程序 允许 创建 你 目 己 的 颜色 ， 只 需 向 一 种 颜色 增加 黑色 就 能 形成 一 个 暗色 。 
要 建立 亮色 ， 可 以 使 用 应 用 为 你 提供 的 之 色 滑 劲 条 。 请 检查 相应 的 软件 手册 。 


如 果 你 的 应 用 提供 了 一 个 与 此 类 似 的 调 色 盘 ， 下 面 来 介绍 如 何 建立 亮色 和 暗色 。 


首先 在 工具 条 中 选择 色 轮 图 标 〈 已 经 圈 出 )。 
确保 滑动 块 位 于 右 侧 色 条 的 最 上 面 。 

色 轮 中 的 小 点 表示 选择 的 颜色 。 

色调 位 于 这 个 色 轮 最 外 围 。 





要 创建 一 个 亮色 ， 可 以 把 小 点 拖 向 色 轮 中 心 。 
顶部 的 色 条 显示 了 所 选择 的 磊 色 。 


要 保存 这 种 颜色 以 便 下 次 使 用 ， 可 以 在 顶部 色 条 上 按 下 鼠 
标 ， 并 拖 动 (这 会 创建 一 个 小 色 框 )。 把 这 个 色 框 拖 放 到 底部 
的 茶 个 空 模 中 。 











要 创建 一 个 上 暗色， 可 以 把 小 点 放 在 你 想 建 立 上 暗色 的 一 个 基 


ale Lr. 
将 右 侧 的 滑动 块 向 下 拖 。 这 样 将 会 得 到 数 百 万 种 有 细微 差 
别 的 选择 。 


要 保存 这 种 颜色 以 便 下 次 使 用 ， 做 法 同上 。 
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单 色 
单 色 组 合 (monochromatic combination). 由 一 种 色调 及 其 相应 的 多 种 亮色 和 暗色 组 成 。 
你 可 能 对 音色 主题 已 经 很 束 秋 了， 所 有 黑白 照片 都 是 由 黑色 〈 即 “色调 ?”， 不 过 实际 上 黑 





色 并 不 是 一 种 “颜色 ” 和 多 种 之 色 或 者 有 不 同 灰 度 的 上 暗色 组 成 。 这 种 组 合 能 
呈现 多 么 类 丽 的 图 画 。 所 以 ， 可 以 在 设计 项 目 里 使 用 一 种 单 色 组 合 ， 尽 对 其 中 的 快乐 。 





这 里 有 一 个 栖 色 色调 以 及 相应 的 多 种 暗色 和 亮色 。 实 际 上 ， 即 
使 是 单 色 印刷 ， 也 能 产生 多 色 的 效果 : 可 以 使 用 黑色 的 不 同上 暗色 和 和 
亮色 ， 然 后 再 用 你 选择 的 墨色 打印 。 








橙色 
Late-Night Custodial Service 
We clean Green! 
We detail clean. 
We move your office and set it up somewhere else. 
We eat the left-over bugs. | 
这 张 明 信 片 
只 是 利用 黑色 的 


不 同 亮色 制作 的 。 We work while you sleep! Service with a smile! Call for a free estimate: 505.555.1212 


这 张 明 信 片 
与 上 一 张 做 法 相 
同 ， 不 过 使 用 了 





o Sd EM ~ 
mii E i E i A Late-Night Custodial Service 
是 黑色 。 另 外 将 on 
De e clean Green! 
RENTE RE We detail clean. 
相应 地 变 成 这 种 We move your office and set it up somewhere else. 
P We eat the left-over bugs. 
墨色 的 不 同 亮色 。 (y -— 
字体 
Stoclet Light 细 体 及 粗 体 
REG We work while you sleep! Service with a smile! Call for a free estimate: 505.555.1212 


x Gargoonies 





暗色 和 亮色 的 组 合 


最 有 意思 的 是 ， 还 可 以 完成 暗色 和 亮色 的 组 合 ， 也 就 是 选择 85 一 89 页 介绍 的 4 种 颜色 








关系 之 一 ， 不 过 并 不 使 用 色调 ， 而 是 使 用 这 些 颜色 的 不 同 亮 色 和 暗色。 这 样 能 大 大 丰富 你 的 选 
择 ， 而 且 完 全 可 以 放心 这 些 颜色 的 协调 性 。 

例如 ， 红 色 和 绿色 组 合 是 一 种 绝妙 的 互补 色 ， 但 这 种 组 合 几乎 总 脱离 不 了 一 种 圣诞 节 的 感 
觉 。 不 过 ， 如 果 采 用 这 些 互 补 色 的 某 些 上 暗色， 就 能 表现 出 丰富 的 效果 。 

我 提 到 过 ， 红 、 黄 、 蓝 三 基色 组 合 是 儿童 产品 最 第 用 的 闫 色 组 合 。 实 际 上 ， 正 是 由 于 这 
种 颜色 组 合 在 儿童 产品 中 如 此 流行 ， 以 至 于 很 难 摆 脱 幼稚 的 感 党 ， 除 非 你 引入 一 些 暗色 和 有 涡 
色 一 一 看 看 吧 ! 这 是 何等 丰富 而 精妙 的 组 合 。 









E 
Bs 


for grownups! 





字体 
Desipteage 

Proxima Nova Alt 粗 体 
frances uNciaL 

Hypatia Sans Pro 常规 字体 
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有 没有 一 些 颜 色 放 在 一 起 不 太 合适 呢 ? 如 果 你 看 过 Robin 的 Wildflower Theory of Color, 
对 此 的 答案 是 否定 的 。 看 到 一 片 野花 时 ， 你 会 发 出 这 样 的 感叹 吗 ? “天 哪 ， 花 从 的 颜色 组 合 真 
HAW! ”。 也 许 这 不 太 可 能 。 








但 是 ， 如 果 野 花丛 本 身 包含 有 不 同 颜色 值 的 多 种 色 质 〈tone)， 又 会 怎么 样 呢 ? 如 采 由 于 
颜色 组 合 而 导致 发 生 视 党 树 动 ， 这 肯定 只 有 一 个 原因 ， 那 就 是 色 质 过 于 接近 。 





色 质 是 指 某 种 闫 色 的 特定 明暗 度 、 深 浅 度 或 色调 。 在 以 下 第 一 个 例子 中 可 以 看 到 ， 如 末 色 
质 很 接近 ， 看 上 去 会 有 些 模糊 不 清 ， 对 比 太 过 微弱 。 如 琳 在 一 个 复印 机 上 复印 下 面 这 些 例 子 ， 
将 无 法 看 清文 本 。 











如 果 设 计 要 求 使 用 有 类 似 色 质 的 色调 ,一定 要 尽力 避免 它们 控 在 一 起 ， 为 外 每 种 色调 的 用 
量 也 不 要 完全 相同 。 





显而易见 ， 这 些 深 色 的 色 质 过 于 接近 。 


Everybody 
Loved 
Mabel 


现在 对 比 要 明显 多 了 ;， 产生 这 种 对 比 是 由 于 色 质 有 差别 。 由 于 
某 些 情况 下 可 能 会 有 点 问题 (例如 ， 灰 白 亮色 上 的 白色 装饰 )， 为 此 ， 
我 加 了 一 点 阴影 将 这 两 个 元 素 分 开 。 前 一 页 上 也 做 了 同样 的 处 理 ， 因 
为 红色 文本 在 蓝 色 浓 景 下 看 起 来 很 费劲 ， 它 们 的 信 过 于 接近 。 








暖色 与 冷色 


BCLEETESE A AENEG X BUSH, ARESTARE) XAJGEÉURE AHERE S HA 











色 )。 可 以 通过 增加 一 些 红色 或 黄色 将 革 些 颜色 “加 热 ”， 如 灰色 或 黄 神色。 与 之 相反 ， 也 可 以 
对 颜色 增加 不 同 程度 的 蓝 色 对 其 “降温 ” 

不 过 ， 我 希望 你 记 住 更 实用 的 一 点 ， 冷 色 总 趋 于 后 退 ， 而 暖色 是 趋 进 型 的 。 上 暖色 不 费 多 大 
功夫 就 能 产生 效果 ， 红 色 和 黄色 能 立即 映 入 你 的 眼帘 。 所 以 ， 如 果 要 组 合 暖色 和 冷色 ， 一 定 要 
少 用 些 暖色 。 

由 于 冷色 是 后 退 型 的 ， 所 以 可 以 使 用 (有 时 则 必须 使 用 〉 更 多 的 冷色 才能 产生 效果 或 形成 
有 效 的 对 比 。 

不 要 让 冷 暧 色 太 过 均衡 ! 一 定 要 充分 利用 这 种 视觉 现象 。 

















过 多 的 红色 看 起 来 过 于 强烈 ， 让 人 很 
不 舒服 。 





这 里 从 照片 中 把 背景 红色 取出 ， 而 用 
作 一 种 强调 色 。 


字体 
Tapioca 
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有 时 选择 颜色 看 起 来 易如反掌 。 先 看 一 种 合理 的 方法 。 项 目 有 季 下 性 吗 ? 也 许可 以 使 用 类 
似 色 (参见 第 89 页 ) 来 暗示 季节 ， 火 热 的 红色 和 黄色 表示 收 季 ; 冰冷 的 蓝 色 表示 冬季 ; 不 同 
色 度 的 杰 色 和 标 色 代 表 秋 天 ， 明 腕 的 绿色 象征 春天 。 











公司 有 没有 制定 一 些 官方 颜色 ? 也 许可 以 先 从 这 些 颜 色 人 手 ， 再 使 用 一 些 亮色 和 上 暗色。 是 
不 是 在 处 理 一 个 logo 标志 ， 其 中 包含 一 些 特定 的 颜色 ? 可 以 使 用 这 些 颜 色 的 一 种 分 裂 互 补 色 
(参见 第 88 页 )。 











你 的 项 目 是 否 包含 一 个 照 订 或 其 他 图 像 ? 可 以 选择 照 斤 中 的 一 个 颜色 ， 上 再 根据 这 个 颜色 选 
择 一 组 其 他 的 颜色 。 可 能 希望 使 用 类 似 色 ， 保 持 一 种 沉着 冷静 的 感觉 ， 也 可 以 使 用 互补 色 增 加 
IDEI JI o 


X E RAA Z N MEE 2 EPA 
&. Eu S NEN E E D E N 
似 色 ， 并 用 蓝 色 亮色 突出 强调 。 





有 些 应 用 可 能 提供 了 一 种 滴 管 工 
其 ， 利 用 这 个 工具 可 以 选择 点 击 处 的 磊 
色 。 我 就 采用 这 种 方法 在 InDesign 中 得 
到 了 天 空 和 和 睫 崖 的 颜色 。 





字体 


ITC Arid 
Proxima Nova 细 体 





如 宁 项 目 会 定期 反复 ， 你 可 能 希望 目 建 一 个 调 色 板 ， 供 所 有 项 目 一 致 地 使 用 。 


例如 ， 我 每 两 个 月 就 会 根据 水 士 比 亚 作 品 的 一 些 趣 闻 出 版 一 个 16 页 的 小 册子。 主要 有 6 
个 主题 ， 每 年 反复 一 轮 ， 所 以 经 过 多 年 的 收集 ， 颜 色 标 记 已 经 成 为 一 个 有 组 织 的 工具 。6 个 第 
三 色 (第 85 页 ) 80% 的 觉 色 午 曾 被 选 作 为 封面 上 的 主 色 ， 这 种 颜色 上 履 兰 一 定 空间 ， 标 题 则 往 
往 反 色 显 示 。 这 种 选择 就 为 内 部 疹 饰 提供 了 一 种 颜色 结构 。 


espeare fapers 


The Shakespeare fapers 


The Shak 


LT 
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The Shakespeare fapers 
TI e Shake peare fape 


au NN 
Wade Sans zH 体 





如 果 启 动 一 个 新 项 目 ， 它 将 由 多 个 不 同 部 分 组 成 ， 
一 定 要 在 项 目 开 始 之 前 先 选择 你 的 调 色 板 。 这 对 于 在 项 
目 进 行 过 程 中 决定 选择 哪些 颜色 很 有 帮助 。 
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CMYK 5E RGB, 印刷 与 Web 


要 注意 两 种 重要 的 颜色 模型 。 尽 管 这 是 一 个 非常 复杂 的 内 容 ， 但 这 里 只 提供 一 个 最 简要 的 
解释 。 如 果 你 只 是 用 桌面 彩色 打印 机 打印 ， 那 么 无 需 了 解 这 些 颜 色 模 型 ， 完 全 可 以 跳 过 这 一 部 
休市 要 | 本 本 关于 交管 


CMYK 














CMYK 代表 Cyan (一 种 蓝 色 )、Magenta〔 一 种 红 / 粉红 色 )、Yellow (E6) 和 一 个 Key 
E GERE) 利用 这 4 种 墨色， 可 以 打印 出 成 千 上 万 种 颜色 ， 正 是 因为 这 个 原因 ， 这 也 
称 为 一 种 “4 色 处 理光 《专业 印刷 作业 可 能 还 会 用 到 其 他 颜色 的 油墨 )。 


CMYK 中 的 颜色 就 像 我 们 的 油画 棒 或 水 彩 盒 ， 蓝 色 和 黄色 能 合成 绿色 ， 等 等 。 这 正 是 这 
一 草 一 直 所 用 的 模型 ， 因 为 这 正 是 一 本 印刷 图 书 。 








如 条 你 的 项 目 要 由 一 个 印刷 机 印 到 茶 种 物理 介质 上 ， 就 可 以 使 用 CMYK 颜色 模型 。 你 所 
看 到 的 所 有 印刷 品 ， 包 括 图 书 、 薪 志 、 海 报 、 火 柴 盒 面 或 饼干 箱 都 是 使 用 CMYK 模型 印刷 的 。 





TA 
'(2* 13502210 






来 看 一 个 印刷 的 彩色 图 像 ， 通 过 放大 镜 
可 以 看 到 “玫瑰 花饰 ”由 有 色 点 构成 。 





HGB 


RGB 表示 Red (红色 )、Green (绿色 ) M Blue ( 蓝 色 )。 我 们 在 计算 机 显示 器 、 电 视 、 
iPhone 等 等 上 看 到 的 就 是 RGB 。 


在 RGB 模型 中 ， 如 末 混 合 红 色 和 绿色 ， 可 以 得 到 黄色 。 不 错 ， 确 实 如 此 。 将 最 大 强度 的 
蓝 色 和 红色 混合 可 以 得 到 鲜 粉 色 。 这 是 因为 组 成 RGB 的 有 色光 束 并 不 是 从 任何 物理 物体 反射 
来 的 ， 这 是 直接 从 显示 带 传 人 你 眼睛 的 光 。 如 采 将 所 有 闫 色 混 合 在 一 起 会 得 到 日 色 ， 如 来 去 掉 
MARG, MEARE. 











fpxt^4 qe E, TIARE AAK, A 
会 吸收 《或 扣 减 ) 大 部 分 光谱 ， 它 们 没有 吸收 的 
部 分 会 反射 回 我 们 的 眼睛 ， 这 就 是 颜色 。 










在 显示 器 上 ， 光 的 颜色 不 是 反射 来 的 ， 它 们 会 直 
接 进 入 我 们 的 眼睛 。 
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印刷 与 Web 颜色 模型 


关于 CMYK 和 RGB 需要 记 住 的 是 : 
口 需要 印刷 的 项 目 应 当 使 用 CMYK。 
D 需要 在 屏幕 上 看 的 内 容 则 应 使 用 RGB. 


如 果 要 在 一 个 贵重 的 数字 彩色 打印 机 (而 不 是 普通 的 4 色 印 刷机 〉 上 印刷 ， 可 以 咨询 印刷 
机 操作 人 员 想 要 CMYK 还 是 RGB 中 的 颜色 。 


采用 RGB 的 文件 较 小 ， 而 且 Photoshop 中 的 一 些 技术 只 适用 于 RGB (或 者 使 用 RGB 表现 
最 好 ， 速 度 更 快 )。 不 过 如 果 在 CMYK 和 RGB 之 间 来 回 切换 ， 每 次 都 会 损失 一 点 数据 ， 所 以 最 
好 用 RGB 处 理 你 的 图 像 ， 最 后 再 把 它们 转换 为 CMYK. 

由 于 RGB 利用 了 直接 进入 我 们 眼睛 的 光 ， 所 以 屏幕 上 显示 的 图 像 非 常 绚丽 多 彩 ， 而 且 有 丰 
宣 的 背景 光 。 遗 憾 的 是 ， 切 换 到 CMYK 再 用 油墨 在 纸 上 打 印 出 来 后 ， 这 种 华美 和 丰富 性 有 所 损 
A KELAR MUNUT RE, 
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本 章 将 讨论 如 何 为 一 个 假想 的 公司 〈 名 为 Url's Internet Cate?) 创建 一 系列 广告 和 宣传 材 
料 。 这 一 部 分 我 会 增加 许多 提示 、 技 巧 和 技术 。 不 过 你 将 看 到 ， 前 面 介 绍 的 四 个 基本 原则 ， 不 
论 项 目 大 小 ， 对 每 一 个 项 目 都 适用 。 


这 一 部 分 洱 闸 了 设计 企业 名 户 、 信 签 、 信 封 、 传 单 、 新 闻 简 报 、 宣 传 册 、 明 信和 上 请 、 报 纸 广 
告 和 网 站 的 一 些 特殊 技巧 。 





e NIIT 
Ro 















D 确实 有 一 个 UrlsInternetCafe.com， 不 过 本 章 你 所 看 到 的 商品 并 不 真正 出 售 。 不 错 ， 它 们 本 来 是 打算 出 售 的 ， 但 
是 我 们 用 的 那 家 在 线 执行 公司 已 经 停业 ， 那 些 极 好 的 商品 也 不 再 出 售 。 如 果 你 看 到 了 这 些 产 品 ， 请 告知 我 们 。 
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建立 标识 性 包 凌 时， 最 重要 的 特性 之 一 是 需要 遵循 重复 原则 :每 一 件 作 品 中 都 必须 有 茶 个 
标识 性 图 像 或 菜 种 标识 性 风格 。 看 看 下 面 的 各 个 作品 ， 所 有 这 些 痢 是 为 这 个 公司 创作 的 。 请 找 
出 其 中 的 重复 元 素 。 









S 


oN sess — Dant TT js the ratos 
booth in this Whole $ 


General Manager And we're proud of it! 
Browser Dawg 


Director of y 
Human Resources October 9 ER 


Egley & Taylor Coffee Roasters 
1234 Java Court 
Santa Fe, New Mexico 87505 





AS 


Url Ratz 


Dear Laura and Tin, 


This letter is to confirm our conversaric 
new line of teas and collees to Url's Int 
caffeine blend, deadline.caf, is selling g 
coffees, We would like to add tlie nan; 
and the organic green tea. We'll send o 
purchase orders on Monday. 


It's always a pleasure doing business w 


Thank you very much, 


www.UrlsInternetCafe.com 
1f you don't have time to visit the booth. 





Url Ratz and Browser Dawg | 
Self-Proclaimed Internet Icons 

s WEIT 
url(e UrlsIntemetCafe.com A Iz 






www.UrlsInternetCafe.com 


Ny Get on the Internet and do Stuff. 


505.438.9762 f - 


F.0. Box 23465 v 

Pant i Url Ratz | url(2UrlsInternetCafe. com 

im C - General Manager — www.UrlsInternetCafe.com 
0 


505.424.1115 v 
505.438.9762 f 
P.0. Box 23465 
Santa Fe 

New Mexico 
87502 


F 


breat giti ideas for your 
rs sessed triends 


Ratz! That's what you usually say when you 

realize the holidays are here and and you $ SW 
haven't done diddly-squat for shopping. iN 

But now when you say "Ratz!" you're NS ML 
reminded of Url Ratz and his Internet Cafe e 
full of unique gifts developed just for Internet 
mavens like you and your screen-radiated 
friends and relatives. Happy Holidays. Now get on 
the Internet at www.UrlsInternetCafe.com and do stuff. 
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企业 名 片 


除了 主 色 之 外 ， 如 果 还 使 用 了 第 二 种 颜色 〈 辅 色 )， 则 用 量 一 定 要 少 。 大 多 数 情 况 下 ， 第 
二 种 颜色 只 需 稍稍 用 一 点 《不 要 在 名 片上 通 篇 履 咨 辅 色 )， 这 样 效 采 会 更 好 。 只 需 稍 稍 点 组 ， 
你 会 得 到 更 大 的 回报 。 

你 要 回 印 刷 广 说 明 ， 一 页 要 印 几 张 名 片 ， 每 张 名 所 之 间 相 距 多 远 。 问 问 看 能 不 能 发 送 
Adobe Acrobat PDF 文件 来 打印 [如果 不知 道 怎么 制 做 PDF， 可 以 在 Adobe 网 站 Cwww.adobe. 
com) 上 了 解 有 关 的 详细 信息 ]。 或 者 ， 你 也 可 以 买 那些 已 经 印 好 的 打 孔 企业 名 片 ， 然 后 在 你 
EI HI 


企业 名 请 规 格 


在 类 国 ， 标 准 的 企业 名 片 规格 为 3.5 英寸 宽 ，2 器 寸 蜗 (许多 其 他 国家 的 标准 是 8.5cm X 
5.5cm)。 当 然 ， 如 末 是 垂直 格式 ， 则 为 2 天 才 宽 ，3.5 类 才 高 。 


Uris Internet (af 
UR 














Url Ratz, Manager 


505.424.1115 





url(2UrlsInternetCafe.com 
www.UrlsInternetCafe.com 字体 
P.0. Box 23465 * Santa Fe * New Mexico 87502 Prous Henry 


Officina Sans Book 及 粗 体 
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Url Ratz 


Url's Internet Cafe 
Get on the Internet and do Stuff. 





e-mail: ^ A (505) 424-1115 ph. 
url? UrlsinternetCafe.com P.O. Box 23465 
www.UrlsInternetCafe.com Santa Fe, NM 87502 


Url's Internet Cafe 
Get on the Internet and do Stuff. 


Url Ratz, General Manager 
www.UrlsinternetCafe.com 
(505) 424-1115 phone 
P.O. Box 23465 
Santa Fe, NM 87502 


Url's Internet Cafe 


Get on the Internet and do Stuff. 





email: url(QUrlsInternetCafe.com 
web site: www.UrlsInternetCafe.com 


(505) 424-1115 phone (505) 438-9762 fax 
P.O. Box 23465 Url Ratz, 
santa Fe, NM 87502 General Manager 


字体 
Helvetica 常规 字体 及 粗 体 


Times New Roman 





General Manager 


不 要 在 角落 里 放 东 西 。 角 沙 为 空 
无 妨 。 

不 要 使 用 Times, Arial 或 Helvetica 
字体 ， 否 则 你 的 名 片 看 上 去 总 是 很 老 
旧 ， 就 像 是 20 世纪 70 年 代 的 一 样 。 


不 要 使 用 12 点 大 小 的 字体 ， 否 
则 你 的 名 片 看 上 去 会 显得 太 简 陋 ! 人 
们 完全 可 以 轻松 地 阅读 8 点 、9 点 或 
10 点 大 小 的 字体 。 企 业 名 片 通 常 使 用 
7 点 字体 。 请 不 要 使 用 居中 布局 ， 除 
非 能 明确 说 明 为 什么 需要 这 么 做 。 


不 要 认为 必须 把 名 片上 的 所 有 空 
间 都 填 满 ， 留 出 一 些 空白 是 完全 可 以 
的 。 看 看 那些 专业 的 名 片 ， 它 们 总 会 
SU —EGBI 

名 片上 没有 必要 写 上 email 和 
web site 等 字眼 ， 人 们 一 眼 就 能 看 出 
来 这 些 项 是 什么 。 
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试 这 样 做 …… 





L 


一 证 要 对 齐 1 £HE Emá&-— 
NN Neng e 项 都 应 当 与 另外 一 项 对 齐 。 


可 以 按 基线 对 齐 。 
可 以 按 右 边界 或 左边 界 对 齐 。 





oa 大 多 数 情 况 下 ， 明 确 的 左 对 

and do Stuff. 齐 或 右 对 齐 比 居中 对 齐 的 效果 要 专 
业 得 多 。 

Url Ratz 


General Manager 
url@UrlsInternetCafe.com 
www.UrlsInternetCafe.com 


505-424-1115 voice 
505-438-9762 fax 

PO. Box 23465 

Santa Fe, New Mexico 87502 


Url's Internet Cafe 人 


Get on the Internet and do Stuff. a . 这 使 得 名 n 的 外 xs 简 x . 
把 具体 的 街道 、 大 街 等 完整 写 





Url Ratz url@UrlsInternetCafe.com 


General Manager www.UrlsInternetCafe.com 出 来 o 如 果 使 用 Zi E , A 中 的 [3 和 
505.424.1115 v 逗号 会 增加 不 必要 的 混乱 。 


505.438.0762 f 

P.0. Box 23465 

Santa Fe, New Mexico 
87502 


如 果 没 有 传真 号 码 ， 就 不 要 在 


Uris Ini erhel t Cafe EE FALE fe È Phone, RME 


Url Ratz, Manager 会 知道 这 是 你 的 电话 号 码 。 











505-424-1115 


P.0. Box 23465 

Santa Fe 

New Mexico 87502 
505-438-9762 fax 
url@UrlsInternetCafe.com 
www.UrlsInternetCafe.com 
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天 于 设计 企业 名 卢 的 提示 














企业 名 片 的 设计 可 能 是 一 个 挑战 ， 因 为 通 肖 需要 在 一 个 很 小 的 空间 内 容纳 大 量 信息 。 为 外 ， 
一 张 企业 名 片上 放置 的 信息 越 来 越 多 ， 除 了 标准 的 地 址 和 电话 号 人 码 外 ， 现 在 可 能 还 需要 加 上 手 
HSA RESI email 地 址 ， 如 采 你 有 目 己 的 网 站 《你 应 该 有 )， 还 要 加 上 你 的 网 站 地 址 。 


格式 
站 和 完 要 选择 是 采用 水 平 格式 还 是 垂直 格式 。 尺 管 大 多 数 名 厂 必 是 水 平 的 ， 但 这 并 不 意味 着 


所 有 名 刻 痢 必 须 如 此 。 通 常 表述 信息 更 适合 采用 垂下 布局 ， 特 别 是 要 在 这 么 小 的 一 张 名 片上 放 
这 么 多 的 信息 。 分 别 用 水 平 布 局 和 垂下 布局 做 个 试验 ， 选 择 能 更 好 地 显示 名 片上 信息 的 布局 。 


字体 大 小 


新 手 设 计 的 企业 名 片 最 大 的 毛病 之 一 就 是 字体 大 小 有 问题 。 通 常 字体 会 太 大 。10 点 或 11 
扩大 小 的 字体 在 书 中 看 起 来 很 正常 ， 但 是 放 在 一 张 小 名 片上 束 会 看 起 来 很 庞大 。 倘 奋 字 体 大 小 
达到 12 点 ， 看 上 去 则 完全 是 很 答 拙 的 。 我 知道 从 一 开始 就 使 用 9 点 ， 甚 至 8 点 或 7 点 的 字体 会 
很 困难 ， 不 过 看 看 你 收集 的 那些 企业 名 请。 选 出 看 上 去 最 专业 和 精美 的 三 张 ， 它 们 绝对 不 会 使 
用 12 点 大 小 的 字体 。 


需要 看 到 的 信息 。 有 时 ， 把 字体 设置 得 足够 大 ， 足 以 使 老人 都 能 很 容易 地 看 清楚 ， 不 如 强调 名 
请 设计 的 整体 、 精 美 效 果 ， 后 者 更 为 重要 。 
创建 名 请、 信 竹 和 信封 共有 的 一 致 图 像 


如 果 还 计划 创建 一 个 信 签 以 及 与 之 匹配 的 信封 ， 那 么 这 三 样 需要 同时 设计 。 企 业 名 片 、 信 
特 和 信封 的 整个 包 污 应 当 为 客户 和 顾客 提供 一 个 一 致 的 图 像 。 















































信 签 和 信封 
尽管 


恨 少 有 人 在 看 到 一 个 公司 的 信纸 时 会 想 :“ 太 课 完 了， 我 要 加 三 们 订单 。， 或 者 “ 真 
难看 ， ELE Uu UM ^ E 
可 能 是 正面 的 ， 也 可 能 是 负面 的 ， 这 取决 于 信纸 的 设计 和 外 观感 党 。 
从 你 选择 的 纸张 质量 ， 到 设计 、 颜 色 、 字 体 和 信封 ， 其 中 暗含 的 内 容 应 该 能 够 提升 企业 的 
形象 。 尽 管 信件 的 内 容 是 根本 ， 不 过 也 不 能 忽视 信 得 本 里 所 囊 来 的 潜 音 识 的 影响 。 


[irme G9 


Get on the Internet and do Stuff. 








Je 








Url Ratz 

General Manager 
Browser Dawg 
Director of 
Human Resources 


url? UrlsInternetCafe.com 
www.UrlsInternetCafe.com 


505.424.1115 v * 505. gs 9762 f 
P.0. Box 23465 * Santa Fe * New Mexico * 87502 
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信封 不 要 使 用 与 信 复 和 和 
SE 企业 名 片 不 同 的 布局 ! 所 有 
这 三 项 看 上 去 应 当 是 一 体 的 。 
P.O. Box 23465, Santa Fe, NM, 87502 
(505) 424-1115 telephone (505) 438-9762 fax 


October 9 


Egley and Taylor Coffee Roasters 
1234 Java Court 
Santa Fe, New Mexico 87505 


Dear Laura and Tim, 


This letter is to confirm our conversation regarding adding a new line of teas and coffees to 
Url’s Internet Cafe. The high-caffeine blend, deadline.caf, is selling great, as are the other 
coffees. We would like to add the mango-pekoe blend tea and the organic green tea. We'll 
send over the contract and purchase orders on Monday. 


It's always a pleasure doing business with you! 


Thank you very much, 


Url Ratz General Manager 


Url's Internet Cafe 


Url Ratz and Browser Dawg Get on the Internet and do Stuff. 
AS bj 
P 


Self-Proclaimed Internet Icons 





e-mail: (505) 424-1115 ph. 
url? UrlsinternetCafe.com P.O. Box 23465 
www.UrlsinternetCafe.com Santa Fe, NM 87502 


F 


Url's Internet Cafe 


lg P.O. Box 23465 
Santa Fe, NM 87502 





不 要 把 页 面 上 的 所 有 一 切 都 居中 ， 除 非 你 的 logo 标志 显然 是 一 个 居中 标志 ， 而 且 必 
须 使 用 。 如 果 确 实 需要 居中 ， 可 以 党 试 对 项 的 字体 、 大 小 或 放置 等 方面 有 些 创意 〈 也 就 是 
说 ， 尽 管 这 些 项 相互 之 间 是 居中 的 ， 也 许 它们 并 不 一 定 非 得 在 页 面 上 直接 居中 ; 可 以 试 着 
把 整个 居中 布局 向 左边 靠近 )。 

不 要 使 用 Times、Arial 或 Helvetica 字体 。 


就 像 企业 名 片 一 样 、 要 避免 使 用 括号 、 缩 写 以 及 只 会 增加 混乱 的 多 余 的 词 。 


注意 这 三 样 基本 上 采用 
了 同一 种 布局 。 这 三 样 要 同 
时 设计 ， 确 保 所 选择 的 布局 
对 企业 名 片 、 信 签 和 信封 都 


适合 。 





Url Ratz 
General Manager 


Browser Dawg 
Director of 
Human Resources 


October 9 


Egley & Taylor Coffee Roasters 
1234 Java Court 
Santa Fe, New Mexico 87505 


Dear Laura and Tim, 


This letter is to confirm our conversation regarding adding a 
new line of teas and coffees to Url's Internet Cafe. The high 
caffeine blend, deadline.caf, is selling great, as are the other 
coffees, We would like to add the mango-pekoe blend tea 
and the organic green tea. We'll send over the contract and 
purchase orders on Monday. 


It's always a pleasure doing business with you! 


Thank you very much, 


Url Ratz and Browser Dawg 
SelIf-Proclaimed Internet Icons 








url 2 UrlsInteretCafe.com 
www.UrlsInternetCafe.com 
505.424.1115 v 
505.438.9762 f 
F.0. Box 23465 
Santa Fe 
New Mexico 
87502 
Url Ratz — urlUrisInternetCafe.com 
General Manager — www.UrlsInternetCafe.com 
s WT pi Z 505.424.1115 v 
RY JE 505.438.9762 f 
Cad P.0. Box 23465 
Santa Fe 
Get on the Internet and do Stuff. New Mexico 
87502 


Url Ratz PO. Box 23465 
Browser Dawg Santa Fc 
New Mexico 
8/502 


完全 可 以 使 用 很 大 或 很 小 的 字体 和 图 片 。 
取消 居中 格式 。 明 确 的 左 对 齐 和 右 对 齐 线 可 以 增强 设计 的 效果 。 


109 
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>》 关 于 设计 信 签 和 信封 的 提示 














信 签 和 信封 应 当 与 企业 名 片 一 起 设计 。 它 们 看 上 去 应 该 同属 一 体 ， 如 果 你 给 别人 一 张 企业 
名 片 ， 随 后 义 给 他 寄 了 一 封 信 ， 肯 定 希 望 这 两 样 能 互相 强调 。 

信封 规格 

标准 企业 信封 为 9%X4% 英 寸 。 这 称 为 10 号 信封 。 欧洲 的 标准 规格 是 110mm X220mm， 
称 为 C4 信封 。 

创建 中 心 点 

应 该 有 一 个 最 突出 的 主导 元 素 ， 而 且 在 信 签 和 信封 〈 以 及 企业 名 片 ) 上 都 应 当 同 样 有 这 个 
主导 元 系 。 一 定 要 避免 信 租 使 用 乏味 的 顶部 居中 布局 ! 

对 齐 

为 信纸 选择 一 种 对 齐 方式 ! 不 要 将 某 些 内 容 在 顶部 居中 ， 而 把 余下 的 文本 左 对 齐 。 勇 取 一 
些 ， 放 手 去 做 各 种 尝试 。 可 以 沿 着 边 右 对 齐 ， 并 有 很 大 的 行 间 距 ， 可 以 尝试 用 很 大 的 字体 将 公 
司 名 显示 在 项 部， 还 可 以 尝试 将 logo 标志 (或 一 部 分 ) 放大 并 淡化 ， 作 为 信件 内 容 区 的 底层 阴 
影 。 

在 信 等 上 要 确保 适当 地 摆 放 元 素 ， 以 便 键 入 具体 的 信件 时 ， 文 本 能 很 好 地 适应 信纸 的 设计 。 

第 二 页 

如 果 有 条 件 增加 第 二 页 信纸 ， 可 以 取 第 一 页 上 出 现 的 一 个 小 元 素 ， 第 二 页 上 只 使 用 这 个 小 
元 素 而 不 放 其 他 内 容 。 比 如 说 ， 如 果 计 划 打 印 1000 张 信 等 ， 通 常 可 以 打印 800 张 第 一 页 ，200 
张 第 二 页 。 即 使 你 不 打算 打印 第 二 页 ， 也 可 以 用 同样 的 纸张 打印 几 百 张 空 白 页， 以 便 写 更 长 的 
fais 

传真 和 复印 

如 果 计 划 通 过 传真 或 复印 机 发 送 你 的 信 签 ， 不 要 选择 深 色 或 者 带 很 多 小 点 的 纸张 。 还 要 避 
免 大 面积 的 深 色 黑 迹 、 反 色 文 本 或 太 小 的 字体 (在 传真 和 复印 过 程 中 太 小 的 字 可 能 会 被 丢掉 )。 
如 果 确 实 需要 大 量 传真 ， 可 以 设计 两 种 版 本 的 信 签 ， 一 种 用 于 打印 ， 另 一 种 用 于 传真 。 
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传单 设计 起 来 很 有 意思 ， 因 为 你 可 以 安全 地 冲破 各 种 束缚 ! 这 是 一 个 可 以 天 马 行 空 ， 真 
正 发 挥 创意 的 好 地 方 。 要 知道 ， 你 的 传单 要 在 全 世界 各 种 文字 垃圾 中 独树一帜 ， 特 别 是 要 与 其 
他 传单 一 争 高 下 。 通 第 传单 会 发 布 在 公告 栏 中 ， 而 在 公告 栏 中 可 能 同时 有 数 十 个 页 面 在 相互 竞 
争 ， 都 希望 引起 过 往 人 群 的 注意 。 











传单 是 最 适合 使 用 不 同 有 趣 字 体 的 地 方 之 一 ， 而 且 使 用 有 趣 的 字体 也 是 让 人 注意 标题 的 一 
种 最 佳 方法 。 不 要 胆 小 ， 这 是 你 使 用 奇特 字体 的 机 会 ， 你 不 是 一 二 在 寻找 这 样 的 机 会 吗 ? 


而 且 这 也 是 尝试 使 用 各 种 图 片 的 最 佳 场所 。 可 以 试 着 把 图 像 或 照片 放大 到 原 计划 尺寸 的 至 
少 两 倍 。 或 者 让 标题 大 小 为 400 点 而 不 是 24 点 。 还 可 以 创建 一 个 最 简 传 单 ， 页 面 中 间 只 有 一 
fT 10 点 大 小 的 文字 ， 并 配 以 底部 的 一 小 块 文本 。 出 乎 寻 常 就 会 让 读者 停 下 来 驻足 观看 ， 这 就 
达到 了 90% 的 目标 。 





“UTHS OWI TQ 
deadline.caf 
now available 


SITIO 2 re 
Ca 





High-caffeine brew to keep you working all through the night. 
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[ Booth #317 is the rattiest booth in. Y 
i this whole show. i 
|| And we're proud of it. | 


Stop by booth #317 to see what 
the deal is with the sleazy rat and 


why the show organizers haven't 
called in security or at least the 
exterminators. 









Or go to www.UrlsInternet- 
Cafe.com if you don't have 
time to visit the booth. 


S NMBITIB/ a 
ASIE. 








不 要 把 所 有 一 切 都 
放 在 方 框 里 ! 由 明显 的 对 
齐 线 来 建立 文本 周围 的 
“NE”, 


同样 ， 不 要 在 所 有 元 
素 间 设置 同样 大 小 的 空间 
《间隔 )。 如 条 这 些 项 是 同 
一 个 单元 的 一 部 分 ， 那 就 
a eii 


不 要 使 用 Times、Arial 
或 Helvetica 字体 。 


ATTENTION CONFERENCE AT- 
TENDEES: 


- Never before has this conference allowed 


不 要 使 用 连 字 符 作 
为 项 目 符号 ， 而 应 当 使 用 
Wingdings 或 Zapf Dingbats 


Url Ratz. 


booth space for such a disgusting character as 


- Stop by booth £317 to see what possible 
redeeming traits he could possibly have that 


would allow someone like him into this ex- 


-While you're there, get some free stuff be- 


字符 。 
不 要 在 页 面 上 将 所 有 hibit hall. 
一 切 都 居中 ， 然 后 把 小 段 
文本 放 在 角 沙里 ! i 
fore they call in the exterminators. 
JE f it ACE Z RN 


页 面 ， 要 增加 对 比 ! 


当心 换行 ， 在 不 必要 
的 地 方 换行 或 者 用 连 字符 


Cafe.com 


- Or stop by his web site: www.UrlsInternet- 


URL'S INTERNET CAFE 


www.UrlsInternetCafe.com 


连接 都 是 不 合适 的 。 






onu nej foe 


S We 








Booth al? isthe rattiest et 
poothin this whole SW. — eem 


将 照片 或 剪贴 画 修剪 为 一 
种 又 窄 又 高 的 形状 ; WEAR 
置 ， 将 文本 左 对 齐 。 

或 者 将 剪贴 画 沿 右边 放 
置 ， 并 将 文本 右 对 齐 。 













And we're proud of it! 


Stop by booth #317 

to see what the deal is 

with the sleazy rat and why 
the show organizers haven't 
called in security or at least 
exterminators. 


Or go to www.U i | 5: 
Meurs Attention Conference Attendees: 





Never before has this conference 
allowed booth space for such 
a disgusting character as Url Ratz. 


或 者 将 文本 分 栏 Visit booth #317 and ask about possible 
、 redeeming traits that might allow someone 
放 HB, 每 栏 左 对 齐 á like him into this respectable exhibit hall. 
While you're there, get some of the free stuff 
全 可 以 将 传单 stamped with www.UrlsInternetCafe.com 


before someone calls an exterminator. 


二 的 正文 设置 得 很 小 。 
如 果 一 开始 能 让 读者 


对 这 个 传单 感 兴 趣 ， 
ft, B fA EX SUA 
文字 。 


eres a M 
ih Bog 
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b> 天 于 设计 传单 的 提示 


新 手 设 计 的 大 多 数 传单 存在 的 最 严重 的 问题 是 缺少 对 比 ， 而 且 信 息 的 表现 没有 层次 性 。 也 
孢 是 说 ， 从 一 开始 就 希望 让 一 切 午 很 大 ， 认 为 这 样 可 以 引 人 注 意 。 不 过 ， 如 果 所 有 一 切 都 很 大 ， 
那么 什么 也 不 会 突出 ， 任 何 部 分 部 无 法 吸引 读者 的 注意 。 要 有 一 个 明显 的 中 心 点 ， 并 使 用 对 比 
来 组 织 信息 ， 引 寻访 者 的 视线 浏览 页 面 。 


创建 一 个 中 心 后 

在 页 面 上 放 一 个 很 大 、 有 趣 而 且 明 显 的 东西 。 如 果 能 让 读者 的 视线 停 在 这 个 中 心 点 上 ， 他 
们 往往 更 有 可 能 阅读 其 余 的 文本 。 

使 用 有 对 比 的 子 标题 


有 了 中 心 点 之 后 ， 再 使 用 明显 的 子 标 题 〈 视 党 上 效果 强烈 ， 而 且 能 充分 地 表达 合 义 )， 使 读 
者 能 很 快 扫描 这 个 传单 ， 确 定 消 息 的 要 点 。 如 采 子 标题 本 吴 没 意思 ， 该 者 就 不 会 有 兴趣 访 这 个 
传单 。 不 过 ， 如 果 根 本 没有 子 标 懒 ， 读 者 束 必 须 仔 细 读 传 蛙 上 的 每 一 个 词 来 了 解 它 的 内 容 ， 他 
们 不 会 花 时 间 人 解读 文本 ， 而 往往 会 把 传单 随手 扔 挥 。 


重复 


不 论 标 题 使 用 难看 的 了 字体、 漂亮 的 字体 ， 还 是 以 一 种 非 同 寻常 的 方式 使 用 普通 字体 ， 虱 应 
该 尝试 在 文本 中 适当 增加 同样 的 字体 来 实现 重复 。 可 能 只 对 一 个 字母 或 一 个 词 使 用 那 种 字体 ， 
也 可 以 把 它 用 作 子 标题 、 大 写 表 字母 或 者 项 目 符号 的 字体 。 字 体 的 强烈 对 比 能 增加 传单 的 效果 。 


对 齐 


丸 外 要 记 住 ， 只 选择 一 种 对 齐 ! 不 要 把 标题 居中 ， 然 后 将 正文 左 对 齐 ， 也 不 要 把 页 面 上 的 
一 切 都 大 中 ， 然 后 在 底部 的 角 阔 里 放 上 内 容 。 一 定 要 明确 ， 要 大 胆 。 可 以 让 所 有 内 容 部 左 对 齐 
或 右 对 齐 。 
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新 闻 人 简报 


多 页 出 版 物 最 重要 的 特性 之 一 就 是 一 致 性 ， 或 重复 。 每 一 页 看 上 去 应 当 是 属于 整个 出 版 物 
的 一 部 分 。 可 以 通过 颜色 、 图 片 风格 、 字 体 、 空 间 布 局 、 重 复 某 种 格式 的 项 目 列 表 、 照 片 周围 
的 边框 、 图 题 等 等 来 实现 这 一 点 。 


要 知道 ， 这 并 不 是 说 所 有 一 切 看 上 去 部 必须 完全 一 样 ! 不 过 《就 像 实际 生活 中 一 样 )， 如 
末 你 的 基础 很 扎实 ， 侦 尔 打 破 第 规 也 无 妨 《人们 不 会 为 此 担心 )。 可 以 试 试 倾斜 的 图 片 ， 或 者 
把 照片 修 瘟 得 非常 冤 或 非 闸 罕 ， 让 照片 模 跨 三 列 ， 等 等 。 在 坚实 的 基础 上 ， 如 果 用 一 种 特殊 的 
格式 来 显示 董事 长 的 训 言 ， 它 会 非常 突出 。 


新 闻 简 报 里 完全 可 以 有 空 日 。 不 过 ， 不 要 让 这 些 空 日 被 “截留 ”在 其 他 元 系 之 间 。 空 日 要 
像 其 他 元 素 一 样 有 组 织 。 要 有 空白 ， 而 且 要 让 空白 有 条 理 。 














News from Url's Internet Cafe 





新 闻 简 报 的 设计 中 ， 首 先 也 是 最 有 趣 的 就 是 标志 (有 时 
称 为 刊 尖 ， 虽 然 刊 头 实 际 上 是 内 部 用 于 指示 创办 该 杂志 的 人 
的 一 个 部 分 )。 这 一 部 分 将 确定 新 闻 简 报 其 余部 分 的 基调 。 
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RAT TALES 


News from Url's Internet Cafe 





What's Up at Url's Internet Cafe? 


There's always somethin' 
happening at Url's Intemet 
Cafe. Drop in anytime, 
day or nighi—3we're. open 
twenty-four/seven. You'll 
always find friends, enemies, 
ratz, coffee, t-shirts you just 
gotta have, advice, cartoons, 
witty sports insights, surprises, 
provocative conversation if 
you're really lucky, and a 
few laughs 


FOR BEGINNERS 
ONLY 


If vou'renew tothe Internet 
and this World Wide Web, 
stop at thc front porch and 
have Browser NetHound 


guaranteed to keep you awake 
and working all night. 


THE SPORTS BAR 

Get an Url's.eye view of 
what's happening in the sports 
world, You won't hear this on 
prime time! 


THE NAVIGATION 
BAR 


Coming soon! Even we don't 
know what this is yet! 


THE GIFT SHOP AND 
BOOKSTORE 


Be the first in your studio 
(maybe the first in the world!) 


ba mat Tel € abima nnl nnt 


show istotally integrated with thc 
web site to the point where you, 
the viewer, can tell the producers 
what you think, what you want 
to sec morc or less of, whom you 
want to see as guests, and more. 
Details on the web site! 


THE CHANGING 


ROOM 
Meet dear Amanda Reck- 
onwith, the most stunning and 
witty drag queen on the Internet. 
"Change your mind, change your 
future, but at least change your 
wardrobe!” 


THE BACK PORCH 
Comcon outto thc back porch 





You want products? We got 


give 

You'l 

fascin 

to trav 

to find 

vi | products! 

cudd Would you buy a lab coat 

i irom an ugly rat? You might 

TH not think so now, but just 
Fro | wait "til you see the lab coats, 

IAE t-shirts, caps, polo shirts, special 

blend | coffees teas, mugs, RatPadz, 

octanc 


and other great gift ideas at 
Url's Internet Cafe. 

Youneeda lahcoat You could 
also usc a t-shirt that tells your 
clients the Internet facts of life. 
And coffees blended specifically 
for web surfers. You'll need 
matching mugs for the coffee and 
most likely you'll want original 
RatPadzto replace those clunky 
old mouse pads you have just 
lying around the office 

Did we mention polo shirts, 
caps, gift boxes, and do-rags? 
Prepare yourself for the Technol 
ogy Age: visit Url's Intenret Cafe 
for real gift ideas and a cafe full 
of education, fun stuff and a lot 
of loonies. 

Are you really reading this 
tiny little type? You might not 
think 30 now, but just wait "til 
you see the lab coats, t-shirts, 
caps, polo shirts, special 
coffees, teas, mugs, RatPadz, 
and other great gift ideas at 
Url's Internet Cafe. 

Youneeda lab coat. You could 
also use a t-shirt that tells vour 
clients the Intenet facts of life 
And coffees blended specifically 
for web surfers. You ll need 
match 





old mouse pads you have just 
lying around the office. 

Did we mention polo shirts, 
caps, gift boxes, and do-raps? 
Still reading? Did you notice 
this is just really boring text 
that's repeated over and over 
again? Why on earth are 
you wasting your time? Get 
back to work! 

Would you buy a lab coat 
from an ugly rat? You might 
not think so now, but just 
wait "til you see the lab coats, 
t-shirts, caps, polo shirts, special 
coffees, teas, mugs, RatPadz 
and other great gift ideas at 
Url's Internet Cafe 

You need a lab coal You 
could also use a t-shirt that 
telis vour clients the Internet 
facts of life, And Robin adores 
John. You'll need matching mugs 
for the coffec and most likely 
you'll want original RatPadzto 
replace those clunky old mouse 
pads you have just lying around 
the office 

Did we mention that you can 
quit reading this now? Prerare 














And for begin- 
ners only 


If you've never been to the 
World Wide Web betore, or if 
you re still a little new and 
intimidated, let Browser show 
you around. Walk through 
this web site and learn the 
difference between the Internet 
and the World Wide Web; what 
exactly are web pages; what's a 
browser and why do you nccd 
one; what are search engines, 
where do you find them, and 
how do you use them to find 
specific items of interest, how 
to get around web pages; what 
to expect from the Internet; 
how to "download" files; how 
10 customize your browser so 
it suits the way you want to 
surf; and even how to make 
your own web page. 

There's also a glossary 
of common Internet-related 
terms with definitions you can 
actually understand, and sources 
for where you can find more 
information about al] sorts of 
aspects of the Internet and the 
World Wide Web. By the time 
you finish touring Browser's 
beginner site, you won't he a 
beginner anymore! 


刊 头 《新 闻 简 报 第 一 页 上 的 题目 ) 
设计 不 要 放 不 开 。 要 清楚 明白 地 告诉 
别人 你 是 谁 ! 


不 要 设计 一 个 平淡、 灰色 的 新 闻 
简报 。 适 当 的 地 方 要 使 用 对 比 字 体 ， 


增加 其 他 看 上 去 有 意思 的 元 素来 吸引 


读者 ， 让 读者 对 这 个 页 面 产 生 兴 趣 。 


THE SITCOM! 


Utl's Internet Cafe is a televi- 
sion sitcom, a cross between 
"Cheers" and "Seinfeld." that 
takes place in Url's Intemet Cafe. 
Url's Cafe is an old clapboard 
house with a front porch, back 
porch, basement, and attic. 
Inside, Url's is a comfortable, 
interesting place that doesn't 
look very high-tech, except 
that it has lots of computers 
connected to a high-speed 
line. This hilarious sitcom 
provides computer nerds with a 
light-hearted look at this Internet 
world we're living in, and gives 
non-computer people a peck into 
that online world in a different 
way [t ties in all those things 
that even the general public 
has an inkling of—computer 
relationships, addicts, seniors 
online, etc 

There arc, of course, thc 
stars of the show and the 
standard stereotypes. who 
appear regularly. But the show 
also features regular guest ap- 
pearances by people like Guy 
Kawasaki, Bob LeVitus, Steve 
Wozniak, the Netscape boys, the 
Yahoo boys, and Kat Krause, as 
well as football, basketball, and 
boxing stars who have home 
pages. And people— like 
^ 7 Letterman, the other 

a Williams, Hillary Clinton, 





Scott Adams, and Dave Barry all 
stop by now and then because 
they're technogeeks 


The Cast af 
Characters 


Url Ratz, proprietor of the 
cafe He's a sleazy but lovable 
rat "On thc Internet. I'm 
rich and Tm handsome and I 
sing well, too." He loves this 
technology, but is also a little 
disdainful of it. 

Drowser Dawg, the dog (on 
the sitcom, he'sareal dog). On 
the web site, Browser is the one 
who teaches beginners about the 
Internet and the World Wide 
Web. He loves everything and 
everybody. Except DimmSimm 
and her son-in-law. 

Amanda Reckonwith, 
drag queen, hangs out in thc 
basement. "Come down to my 
level," s/he says. Amanda writes 
a hilarious spoof advice column 
on the web site. 

Grandma Ada, the tech 
support She's a bit crabby, 
but is incredibly smart about 
technology. Puts the young 
punks in thetr places regularly. 
Flirts with old men. Has several 
online sweethearts 

Pixel. Url's. girlfriend, is 
a cranky nco-Luddite. She 
smudges with burning sage, 
brings in tarot card readers and 
palm readers and drummers and 





digeridoo players, sprays users 
with aroma-therapy waters, 
etc. She has also arranged for 
Url's. Internet Cafe to be the 
Alien Headquarters, much to 
Url's chagrin, as well as thc 
place with the most frequent 
Elvis sightings. 

DimmSimm, the landlady 
She is mean and unappreciative, 
no matter what people do for her. 
Her favorite phrase is “I sue 
youl“ When confronted, she 
pretends not to speak English 

Gig Megaflop, a has-been 
actor who drops in occasionally 
and slanders people he doesn't 
even know. When confronted 


he caustically retorts, "Do you 
know who 1 am?" Nobody 
ever does. 





i VISIT URL'S INTERNET 
CAFE TODAY! r 
ea 另 一 方面 ， 不 要 对 每 篇 
Fuss Aimer | 文章 都 使 用 不 同 的 字体 和 布 
|】 局 。 如 采 整 个 新 闻 简报 中 有 
| 一 种 明确 的 、 一 臻 的 底层 结 
构 ， 对 某 一 篇 文章 做 特殊 处 
理 时 就 会 特别 吸引 读者 的 注 
意 。 
4 ieme apti 
um 如 果 所 有 一 切 都 各 不 相 
m 同 ， 那 么 就 根本 没有 特殊 可 
S05 4000. wo Den Grafleke Hajokolo 
cmm im. i 


Denmark 





试 这 样 做 …… 





News from Urt's Internet Cafe 


大 多 数 人 都 通过 查看 标题 来 济 
览 新 闻 报道 ， 所 以 要 让 标题 清楚 而 
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可 以 看 出 这 里 文本 的 底层 结构 。 
由 于 这 个 结构 很 扎实 ， 所 以 可 以 将 
图 片 倾 斜 、 放 大 、 用 文本 包围 ， 通 


Whats Up at Url s Internet Cafe? 


There's. always somethin’ happening at Urs Internet Cafe. Drop in anytime, day or 
nighr—we're open mwenry-four/seven. Yoril always find friends, enemies, ratz, coffee 
t shirts you just gotta have, advice, cartoons, witty sports insights, surprises, provocative 
conversation if you're really lucky, and a few laughs, 


For Beginners Only 

If y enr re new t0 the Interner and This World 
Wide Web, stop at the front porch and have 
Browser NetHound give you a guided tour. 
You'll learn. all about this fascinating new 
medium, how to uavel wound in it, aid how 
to hind what you need-—all in a very Inendly 
Gwell, downright cuddly) manner. 


The Coffee Bar 

From the Coffee Dar you can order Url's 
special java blends, including his high-octane 
deadline brew that's guaranteed to kcep you 
awake and working all night 





Would you buy a lab coat from an ugly 
tat? You might not think so now, but just 
wait "til you see the lab coats, t-shirts, 
caps, polo shins, special coffees, teas 
mugs, RatPadz, and other great gift ideas ar 
Uds Internet Cafe 

You need a lab coat. You could also 
use a tshirt that tells your clients the 
Internet facts of life. And coffees blended 
specifically for web surfers. You'll need 
marching mugs for he coffee and mosi likely 
you'll want original RatPadz to replace those 
dunky old mouse pads you have just lying 
around the otice. 


fun stuff and a lot of loonics. 

Are you really reading this tiny linte 
type? You might not think so now, but 
just wait "ul you see the lab coat», t-shirts, 
caps, polo shirts, specal coffees, teas, 
mugs, RatPadz, and other great gift ideas 
ar Url's Internet Cafe 

You need a lab coat. You could also usc a 
tshirt that tells your clients the Inernet facis 
of life. And coffees blended specifically for 













The TV Room 


Read the storyboards for a proposed television 
sitcom, featuring Url, Browser, and all the 
characters who hang out at Url's Internet 
Cafe! The television show is totally integrated 
with tie web site to the point where you, 
the viewer, can tell the producers what you 
think, what you want to see more or less 
of, whom you want to see as guests, and 
more. Details on the web site! 


The Changing Room 

Meet dear Amanda Reckonwith, the most 
sunning and winy drag queen on the Internet. 
“Change your mind, change your future, but i 


ETE 


You wani products? Okay—we've got products galore for you! 


web surfers. Youll need matching 
mugs for the coffee and most likely 
you'll want original RatPadz to replace 
Those chunky old mouse pads you have 
just lying around the office. 

Did we mention polo shins, caps, 
gift boxes, and do-rags? S6 reading? Did 
you notce this i» just really boring text that's 
repeated over and over again? Why on earth 
Are you wasting your timc? 

Would you buy a lab coat from an ugly rar? 
You might not think so now, but just wait "til 
you see the lab coats. t-shirts, caps, polo shirts, 


matching mugs for thc coffee and most likely 
you'll want original RatPadz to replace those 
clunky old mouse pads you have just lying 
around the office, 

Did we mention that you can quit 
reading this now? Prepare yourself for 
the Technology Age- visit Urs Internet 
Cafe for great gift ideas and a cafe 
full of educnion, fun smff and a lot 
of loonies. Bye! 


special coflees, teas, mugs, RatPadz, and other 
Did we memion polo shirts, caps, gift pen gifi ideas at U's Inteinet Cafe. 
boxes, and do-rags? Prepare yourself for the m You need a lab coat. You could also use a 
Technology Age: visit Url's Intenret Cafe for tshirt that tells your clients the Intemet facts 
real gift ideas and a cafe full of education, ot life. And Robin adores John. YouM need 
s 


花 几 分 钟 描述 在 这 


And for beginners oniy... 


If you've never been to the World Wide Web before, or if you're 
still a litde new and intimidated, let Browser show yov around. 
Walk through this web site and leam the difference between the 
Internet and the Word Wide Web; what exacdy are web pages, 
whars a browser and why do yon need one: what are search 
engines, where do you find them, and how do you use them 
10 find specific items of interest; how to get around web pages: 
what to expect from the Internet; how to “download” files; how to 
customize your browser so it suits the way you want to surf, and 
even how to make your own web page 


In, ; 
4 piace for everyining There's also a glossary of common Internet-related terms with 
definitions you can acmally understand, and sources for where yom 


and everything : 


iH : 
qloveriheplace! ama 


TET 






I 
Iniernet: 












过 这 些 处 理 来 增加 页 面 的 生动 性 。 


DIE 


The Sit eom! 


Urf's Internet Cafe is a television sitcom, 
à cross between "Cheers" and "Seinfeld," 
tt takes place in Us Interiet Cafe. U's 
Cafe is an old clapboard house with a front 
porch, back porch, basement, and attic. 
Inside. Urs is a comrorable, inreresring 
place that docsn't look very high-tech, exoept 
that it has lors of computers connected to a 
high speed line. This hilarious sitcom provides 
computer nerds with a light-hearted look at 
this Internet world we're living in, and gives 
non-computer people a peek into that online 
word in a different way fr ties in all those 
things that cven the general public has an 


The Cast of Characters 


Ud Ratz, proprietor of the cafe. He's a 
sleazy bur lowable rar. "On rhe Interner, 
Tm rich and Pm handsome and I sing well, 
100.7 He loves this technology, but is also a 
litte disdainful of it. 

Browser Dawg, the dog (on tlie sitcom, 
he's a real dog). On the web site, Browser 
5 the one who teaches beginners about the 
Internet and the World Wide Web. He loves 
everything and everybody. Exocpt DimmSimm 
and her son-in-law. 

Amanda Reckonwith, drg queen, hangs out 
in the basement. “Come down to my level." 
S/he says. Amanda writes 2 hilarious spoof 
advice column on the web site. 

Grandma Pat, ihe tech suppor She's a 
bit crabby, but is incredibly smart. about 
technology. Puts ihe young punks in their 
places regularly. Flirts with old men. Has 
several online sweethearts, 


EPER 


There's only one place in the wodd where 
上 you can get such ratty stuff, and that's at 
our web sire. Creared by web designers 
' fot web designers, we [almost] guarantee 
Lyoull fund something dud makes you 
t happy. Or something that at least makes 
yov smile, And how many rats can make 
ha kind of guarantee? See for yourself 


The Sitcom 
Web Site 


inkling of —computer relationships. addicrs. 
seniors online, etc 
There ate, of course, the stars of thc 


样 一 个 多 页 出 版 物 中 如 
何 应 用 这 4 个 基本 设计 
原则 ， 并 注意 各 个 原则 


www.UrlsinternetCafe.com 





的 效果 。 


Ww Wy 


Cd 
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show and me standard srereorypes who  Tvough Urs 
appear regularly. But the show also features Internet Cafe wib 
regular guest appearances by people like Guy — 5:9 vóeocam 
Kawasaki, Bob LeVitus, Steve Wozniak, the — P9 ofthe fiag to 
Netscape boys, the Yahoo boys, and Kai Other imemet cfes 
Krause, as well as football, basketball, and — 9'ound ihe wodd, 
boxing stars who have home pages, And We broadcast t over 
people— like David Lemerman, rhe orher — fe Witemet We 
Robin Williams, Hillary Clinton, Seon Adams, 5090594 nfemobonal 
and Dave Barry all stop by now and then just Wawas, 
because they're technogeeks. jm sessions, and 
phy rearhinge, ete 
right fvoush he 
connection. Of 
couse he web 
Pixel, Urs girlfriend, is a cranky neo-Luddire. site shows preoews 
She smudges with burning sage, brings in ot tpecal stan, 
tuot card readers and palin s of drumumners synopses chowder 
and digendoo players, sprays users with oes, im cips, 
aromatherapy waters, etc. She has also — bloopen, hetoy 
arranged for Url's Internet Cafe tò be tbe upcoming events, 
Alicn Headquarters, much to the chagrin and Urland Browser 
of Url, as well as the place with the most — pyoduds. (eve qut. 
frequent Elvis sighting». ott of produdic) And 
Dimm$Simm, de laudlady, Sbe is mean papper da 
and unappreaabve, no matter what people agni 
do for her. Her favorite pliase is “I swe ES ME ad 
you" When confronted, she pretends nor : 
to speak Englis possibly mflaence 
The snjaoons and 
Gig Megaflop. 2 has-been acror who drops charactors. he 
in occasionally and slanders people he n a ht wotng 
doesnt even know. When confronted, be m happen 


caustically retorts, "Do you know who I 


am^ Nobody ever does. 





Gig 


A 
Rwesssssssussustsehusesnsuassssensacssosssseseusees 
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> 关于 设计 新 闻 简 报 的 提示 





新 闻 简 报 最 大 的 问题 是 缺乏 对 齐 、 缺 少 对 比 ， 另 外 使 用 了 太 多 的 Helvetica 字体 (Arial 是 
Helvetica 的 一 个 别名 )。 


对 齐 


选择 一 种 对 齐 方式 ， 然 后 一 直 坚 持 这 种 对 齐 。 相 信 我 ， 如 果 你 保持 沿 着 左边 有 一 个 明确 的 
对 齐 边界 ， 整 个 新 闻 简 报 会 有 一 种 更 精美 、 更 专业 的 外 观 。 另 外 要 让 所 有 一 切 都 对 齐 。 如 采 使 
用 线 〈 线 )， 则 其 起 始点 和 结束 点 应 当 与 另外 某 个 元 系 对 齐 ， 如 列 边界 或 列 的 底部 。 如 果 照 片 超 
出 列 边 界 1/4 瑞 寸 ， 应 当前 挥 这 一 部 分 。 


可 以 看 到 ， 如 果 所 有 元 素 都 很 好 地 做 到 了 对 齐 ， 适 当 的 时 候 你 就 能 打破 这 种 对 齐 。 不 过 奴 
WETTER, MAARRE, HAN, BADRI. WMR REKATA, AEA 
则 像 是 个 失误 。 如 果 照 片 没 有 很 好 地 与 列 对 齐 ， 那 就 大 胆 地 证 它 完全 冲破 列 的 约束 ， 而 不 只 是 
稍 舟 超出 一 点 点 。 

















段 洛 缩 进 

第 一 段 不 要 缩 进 ， 即 使 跟 在 子 标题 后 面 也 是 如 此 。 如 果 确 实 要 缩 进 ， 应 当 使 用 1“em” 的 
标准 排版 缩 进 (em 是 字体 大 小 点 数 )， 也 就 是 说 ， 如 果 使 用 11 点 的 字体 ， 就 应 当 缩 进 是 11 点 
(大 约 两 个 空格 ， 而 不 是 5 个 空格 )。 段 沙 之 间 有 要 么 有 额外 的 空间 ， 和 要 么 缩 进 ， 但 不 要 二 者 都 有 。 


不 要 使 用 Helvetica 


如 果 你 的 新 闻 简 报 看 上 去 有 些 乏 味 平 淡 ， 只 需 对 标题 和 子 标题 使 用 一 种 效果 强烈 的 粗 sans 
ser 过 字体 ， 就 能 立刻 让 它 生动 起 来 。 不 要 用 Helvetica 字体 。 计 算 机 所 带 的 Helvetica 或 Arial 字 
体 不 够 突出 ， 不 能 产生 一 种 强烈 的 对 比 。 应 当 采 用 一 种 同时 包括 粗 黑 版 本 和 细 版 本 的 sans. serif 
字体 系列 CUN Eurostile, Formata, Syntax, Frutiger 或 Myriad)。 可 以 尝试 对 标题 和 5 引用 文字 使 
用 这 种 粗 黑 字 体 ， 它 所 带 来 的 差别 定 会 让 你 惊讶 不 已 。 

正文 应 当 可 读 

为 了 得 到 最 佳 的 可 该 性 ， 可 以 采用 一 种 经 典 的 oldstyle serif 字体 (如 Garamond、Jenson、 
Caslon, Minion 或 Palatino)， 或 者 可 以 使 用 一 种 比较 细 的 slab serif 字体 (如 Clarendon, Book- 


man. Kepler 或 New Century School book)。 你 现在 读 的 文字 用 的 就 是 Adobe 提供 的 Warnock Pro 
Light 字体 。 如 有 果 采 用 sans serif 字体 ， 要 预 和 留 较 宽 的 行 间距 〈 这 是 主要 的 )， 行 的 长 度 应 缩短 。 
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宣传 册 


如 琳 需 要 对 外 宣传 你 新 开业 的 日 制 小 饼 店 ， 公 布 学 校 筹 球 活动 或 新 近 将 推出 的 狩猎 活动 ， 








宣传 册 绝 对 是 一 种 快捷 而 说 价 的 方式 。 设 计 精 展 而 生动 的 宣传 肌 对 读者 来 说 就 像 是 一 道 “ 视 澳 
美食 ”， 能 深 深 地 吸引 他 们 ， 并 以 一 种 让 人 愉悦 的 方式 使 读者 不 知 不 党 中 受到 宣传 册 的 感染 。 





, 


AE T Bü fir 28 B 4 REREN, KREA Cith CF HT 
宣传 册 。 后 面 几 页 将 要 列 出 的 提示 也 会 有 所 帮助 。 


坐 下 来 设计 宣传 册 之 前 ， 先 把 一 张 纸 折 成 你 需要 的 形状 ， 表 在 各 
个 面 上 做 些 记号 。 假 设 你 刚 看 到 它 ， 会 按 什么 顺序 来 读 这 几 面 呢 ? 


要 记 住 ， 读 宣传 册 中 各 个 面 的 顺序 应 该 就 是 读者 打开 这 个 宣传 册 
的 顺序 ， 也 就 是 说 ， 你 希望 读者 按 什么 顺序 来 读 宜 传 月 中 的 各 个 面 ? 
这 也 决定 了 读者 按 什么 顺序 翻 开 宣传 月。 例如 ， 如 琳 一 个 读者 打开 首 
页 ， 他 看 到 的 就 不 该 是 版 权 声明 和 联系 信息 。 

jr BS EE UO DDR NITET UR DLE AES REHJT 折 出 纸样 后 ， 从 左 到 右 
量 一 量 自 页 和 背 页 。 不 要 简单 地 把 11 英寸 平均 分 为 3 段 ， 这 样 是 不 
行 的 ， 因 为 一 个 面 要 短 一 点 才能 和 暑 入 为 外 一 个 面 。 


有 一 点 很 重要 ， 要 注意 扩 浪 ; 你 肯定 不 希望 那些 重要 的 信息 消失 
EHRE! 不 过 ， 如 果 宣 传 册 每 一 面 上 的 文本 都 有 了 明确 的 对 齐 线 ， 那 
入 图 片 的 放置 可 以 很 灵活 ;完全 可 以 把 图 片 放 在 义 本 列 之 间 CRYI 
线 )， 也 可 以 放 在 折 浪 里 。 参 见 121 页 上 的 例子 。 





























其 他 的 折 法 ， 可 以 到 印刷 厂 看 看 。 


传 册 设计 的 。 





bui à 
Deadline! 


Graha 


lifeline! 


il 
( ,出 出 
dna. 


Drink up. Mouse on. 









宣传 册 可 以 作为 你 
的 头号 市 场 营 销 工 具 。 


左边 所 示 的 三 折 本 是 目前 为 止 最 第 见 的 一 种 宣传 册 样 式 
(因为 它 非常 适合 信件 大 小 的 纸张 )， 不 过 除 此 以 外 还 有 很 多 


以 下 几 页 的 例子 是 为 这 种 标准 的 8.5X11 英寸 3 折 本 宣 


Url Ratz@, to be specific. 


Im Url. l'm a rat. As Head- 
Rodent-In-Charge (HRIC) of Url's 
Internet Cafe, it's my job to kccp 
the cafe stocked with stuff that most 
computer users need . . . like lab 
coats and RatPadz€ with my picture 
on them. 


I fecl confident that vou won't 
find anything uglier more useful 
anywhere. 





Get on the Internet and do 
stuff. o 


Visit Url's Internet Cafe on the 
World Wide Web and meet all the 
cafe regulars; Browser, the full- 
blooded Net-Hound; Lilac, Url's 
neo-Luddite girlfriend: Dimm 
Simm, thc humorless landlady: 

Gig Megaflop, a has-been thespian; 
Amanda Reckonwith, advice 
columnist; also special columns by 
Robin Williams, author and speaker, 
plus sports commentary by Url Ratz. 
There's morc, bnt, unlike the wcb 
site, We Te out of space. 


Url's Internet Cafe 





s 


www.UrlsiInternetCafe.com 








Url's Internet 
Cafe 





If you use the 
Internet, we've got 
one thing to say to 

you: Ratz. 


P.O. Box 23465 
Santa Fe, NM 87505 


不 要 在 封面 上 混合 使 用 居中 和 和 左 对 齐 两 种 方式 (在 宣传 


册 内 部 也 不 行 ) ! 


Url's Shirts and Lab Coats 


Url s t-shirts, sweatshirts, and 

polo shirts (and. yes. lab coats) are 
designed specially for those of us 
who don't mind using fashionwcar 
as a desperate cry for help. If vou've 
ever designed a web site. vou know 
what we mean. 


Every garment is top quality, just 

às vou would expect from any opera- 
tion whose spokesperson is a rodent. 
You can see the entire collection, 
including Browser the full-blooded 
Net-Hound. on the World Wide Web. 


Url's Coffee Mugs 


Sure, vou can drink coffee from any 
old mug. But wouldn't it be nice to 
have a mug that tells the world just 
how deep into this web stuff you 
really arc? These mugs make great 
gifts for clients, business associates. 
relatives, or friends. Give a client a 
mug and he ‘ll understand why his 
project hasn't been finished. Or just 
buy one for yourself! 








Url's Coffee 


If you've noticed you re spending 
lots more time at the old computer 
than you used to, welcome to the 
club. For what it's worth, here's our 
best advice from hardcore computer 
users: stock up on good coffec, pref- 
erably coffee created by a team of 
computer professionals and a small, 
fabulous coffee company 

in Santa Fe, New Mexico. Url's 


Internet Cafe offers three different 
blends that fit this description. 
Buy them at www.UrlsInternet- 
Cafe.com, 





Drink our 
coffee in one 
of our mugs! 


请 务必 使 用 一 种 对 齐 方式 ! 


Url's RatPadz© 


Why be half-ratty? Live the dream. 
Express your Internet-bias with Url's 
RatPadz©. 


These arc just somc of thc items 

available in the Rat Cache. And Url, 
pack-Rat that he is, keeps dreaming 
up new stuff to add to the collection. 


When vou go online to visit Url's 
Internet Cafe, you ll find morc than 
great gift ideas. You'll discover a 
whole RatzNest of information and 
entertainment. 


www.UrlsInternetCafe.com. 





Get on the 
Internet 
and do stuff. 


正文 不 要 使 用 12 所 大 小 的 字体 。 否 则 ， 看 上 去 会 很 简 
陋 ， 不 仅 如 此 ， 大 多 数字 体 的 大 小 设置 为 12 点 时 对 于 标准 
3 折 本 的 宣传 册 都 不 太 合适 ， 相 对 于 这 种 宣传 册 的 列 宽 来 芭 
12 点 大 小 的 字体 都 太 大 了 。 


不 要 让 文字 离 折 痕 太 近 。 记 住 ， 你 要 在 列 装订 线 的 中 间 


把 纸 折 起 来 ， 所 以 与 新 闻 简 报 相 比 ， 


更 大 的 空间 。 


宣传 册 中 列 之 间 要 留 出 





Tl l 
Un M to be specific. 


I'm Url. I'm a rat. 

As Head-Rodent-In-Charge 

(HRIC) of Urls Internet Cafe, 

It's my job to keep the cafe 

S ced with stuff that most 
er users need . like 
s and RatPadz® with 

y picture on them. I feel 
confident that you won't find 


anything-egBer more useful 


vp 


anywhere, 


Aam LORD X X Em. 1 
有 关公 司 吉 祥 物 的 介绍 ， 


Uris Shirts ana Lab Coats 


Url's t-shirts, sweatshirts, and polo shirts (and, 
yes, lab coats) are designed specially for those 
of us who don't mind using fashionwear as a 
desperate cry for help. If you've ever designed 
a web site, you know what we mean. 






Net-Hound 


Every garment is top quality, just as you would 
expect from any operation whose spokesperson 
is a rodent. You can see the entire collection, 
including Browser the full-blooded Net-Hound, 
on the World Wide Web. 


在 宣传 册 中 可 以 灵活 使 用 图 片 ， 
oo dede 
果 宣 传 册 中 的 文本 有 很 好 的 对 齐 基础 ， 


放置 图 片 。 
可 以 看 到 ， 能 





lis Coffee Mugs 


bet on the Internej 
and do stuff. 


Ifyou use the Intemet, 
Visit Url's Internet Cafe on the World Wide Web we've got one thing 
and meet all the cafe regulars: Browser, the 
full-blooded Net-Hound; Pixel, Url's Luddite girl to Say to you... 


friend; DimmSimm, the humorless landlady; 
Buck Bighead, DimmSimm's thespian son-in-law; 
Amanda Reckonwith, advice columnist; also 
special columns by Robin Williams, author and 
speaker, plus sports commentary by Url Ratz. 
There's more, but, unlike the web site, we're 

out of space. 





www.UrlsInternetCafe.com 


读者 会 在 下 一 页 上 看 到 
最 后 可 以 打开 宣传 册 查 看 内 部 信息 。 


Urs Coffee Urs Ratpadze 


If you've noticed Why be half-ratty? Live the dream. Express 
you're spending lots your Internet-bias with Url's RatPadz^. 
more time at the old 


computer than you 
used to, welcome to 
the club. For what it's 
worth, here's our best 
advice from hardcore 
computer users: stock 
up on qood coffee, preferably coffee created 

by a team made up of computer professionals 
and a small, fabulous coffee company in 

Santa Fe, New Mexico. Urls Internet Cafe offers 
three different blends that fit this description. 
Buy them at www.UrlsInternetCafe.com. 





These are just some of the items 
available in the Rat Cache. And 
Url, pack-Rat that he is, keeps 
dreaming up new stuff to add 

to the collection. 


Sure, you can drink coffee from any old mug. 
But wouldn't it be nice to have a mug that 
explains just how deep into this web stuff you 
really are? These mugs make great gifts 


for clients, business associates, 
Ubi 
e 







When you qo online to visit Url's 
Internet Cafe, you'll find more 

than great gift ideas. You'll discover 
a whole RatzNest of information 
and entertainment. 


relatives, or friends. Use this 
mug at the breakfast table 
and your spouse will know 
you're working late tonight. 
Give your client a muq and 
he'll understand why his 
project hasn't been finished. 
Or buy one for yourself just 
to make your peers envious. 


www.UrlsInternetCafe.com 


比如 让 图 片 更 大 一 些 ， 
让 图 片 倾 斜 。 如 
全 可 以 这 样 灵 活 地 


跨 装 订 线 (文本 块 之 间 的 折合 区 域 ) 的 只 


是 一 些 图 片 ， 图 片 不 会 在 折 痕 里 丢失 。 


读者 会 
一 面 ? 然后 呢 ? 
个 宣传 册 设 计 得 ": 
eps 步 吸 引 过 
来 。 


请 注意 这 里 如 
何 使 用 颜色 和 和 大 小 
的 对 比 。 
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>> 关于 设计 宣传 册 的 提示 





新 手 设计 的 宣传 肌 与 新 闻 简 报 有 许多 同样 的 问题 ， 缺 乏 对 比 ， 缺 乏 对 齐 ， 使 用 太 多 
Helvetica/Arial 字体 。 以 下 对 设计 宣传 册 时 如 何 应 用 各 个 设计 原则 做 一 个 简要 的 小 结 。 

对 比 

与 所 有 其 他 设计 中 一 样 ， 对 比 不 仅 能 增强 页 面 的 视觉 效果 ， 吸 引 读者 的 视线 ， 还 有 助 于 建 
立信 息 的 层次 结构 ， 使 读者 能 够 抓 住 要 点 ， 了 解 这 个 宣传 肌 的 主要 内 容 。 应 当 在 元 素 字体 、 线 、 
颜色 、 间 隔 、 大 小 等 等 方面 使 用 对 比 。 要 记 住 ， 只 有 对 比 很 强烈 才 真正 有 效 ， 如 果 两 个 元 素 不 
完全 相同 ， 那 就 让 它们 干脆 截然 不 同 ， 和 否则 ， 看 上 去 就 会 像 是 个 失误 。 千 万 不 要 太保 守 。 

重复 

设计 中 需要 重复 一 些 元 素 ， 为 作品 建立 统一 的 外 观 。 可 以 重复 颜色 、 字 体 、 线 、 空 间 布局 、 
项 目 符号 等 等 。 

对 齐 

我 一 直 在 反复 强调 关于 对 齐 的 内 容 ， 似 乎 有 些 曼 嗪 ， 不 过 这 确实 很 重要 。 如 果 对 齐 做 得 不 
好 ， 这 个 问题 会 一 直 困 扰 你 。 明 确 而 鲜明 的 边界 可 以 营造 一 种 强烈 、 尖 锐 的 感觉 。 如 果 结 合 采 
用 了 多 种 对 齐 方式 (一 个 作品 中 同时 使 用 居中 、 左 对 齐 和 右 对 齐 )， 往 往 会 给 人 一 种 草率 而 无 力 
的 印象 

有 时 你 可 能 希望 有 意 地 打破 单一 的 对 齐 方式 (我 在 前 面 一 页 就 是 这 么 做 的 ) ， 如 果 你 有 其 
他 对 齐 方式 与 这 种 突破 形成 对 比 ， 也 是 可 以 的 ， 但 仅 限于 这 种 情况 下 使 用 。 




















亲密 性 就 是 把 类 似 的 项 分 在 一 组 ， 让 它们 徘 得 更 近 ， 像 宣传 册 这 样 的 设计 中 这 一 点 尤其 重 
要 ， 因 为 宣传 册 里 一 个 主题 下 有 许多 子 主题 。 各 项 相互 之 间 有 多 近 或 者 相距 多 过 ， 这 会 反映 出 
项 之 间 的 关系 。 


要 有 效 地 建立 空间 布局 ， 必 须知 道 如 何 使 用 你 的 ( 编辑 ) 软件 在 段落 之 间 留 出 空间 (前 空 
间或 后 空间 )， 而 不 是 简单 地 按 两 次 回 车 。 如 果 段 之 间 是 两 个 回 车 ， 会 产生 太 大 的 空隙 〈 而 你 往 
往 并 不 需要 这 么 大 的 间隔 )， 这 就 会 把 本 来 应 当 相互 靠近 的 两 项 分 开 。 如 果 千 篇 一 律 地 使 用 两 个 
加 车， 标题 或 子 标题 的 上 面 和 下 面 会 有 同样 大 小 的 空间 〈 这 并 不 是 你 所 希望 的 )， 而 且 这 会 使 项 
目 列表 中 本 来 应 该 靠 得 更 近 的 各 项 分 离 。 好 好 学 学 如 何 使 用 你 的 编辑 软件 
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明信片 


由 于 明信片 直观 而 直接 ， 不 需要 信封 ,也 不 需要 信纸 ， 所 以 明信片 是 吸引 人 注音 的 一 种 极 
佳 的 办 法 。 出 于 同样 的 原因 ， 如 有 果 明 信 片 设计 得 很 丑陋 ， 很 乏味 ， 那 它 只 会 浪费 每 一 个 人 的 时 


[8] . 





所 以 ， 为 了 避免 这 种 混 费 , RE FILA: 
口 与 众 不 同 。 超 大 或 形状 特异 的 明 信 卢 会 从 邮箱 中 各 色 信 件 中 脱颖而出 。( 但 要 去 邮局 检 


o 


口 


o 


查 ， 确 保 其 形状 可 作为 信件 投递 。) 

BA ET DR 
样 的 印象 ! 

明确 具体 。 明确 地 告诉 收 到 明信片 的 人 ， 他 们 会 得 到 怎样 的 好 处 《〈 以 及 得 到 这 些 好 处 
rm BT A. 

力求 简练 。 明信片 正面 只 放 一 条 短小 并 让 人 注意 的 消息 。 把 不 太 重 要 的 详细 信息 放 在 
育 面 。 

尽 可 能 使 用 颜色 。 充 分 使 用 颜色 不 仅 很 有 意思 ， 还 能 吸引 人 的 眼球 ， 让 人 产生 兴 





17th Annual Invitational 


Neighborhood 


pieanup 


Saturday, May 20 
8 a.m. - 12 noon 


Sponsored by ES orher 2 
Url's Internet Cafe 


TENE: 空白 也 是 一 种 设计 元 素 ! 
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这 个 标题 


有 什么 问题 ? 





不 要 使 用 12 点 大 小 的 Helvetica、Arial 或 Times 字体 。 


不 要 把 信息 全 用 大 写 ， 因 为 这 样 读 起 来 太 困 难 了 ， 以 
至 于 没有 人 会 去 读 它 。 要 知道 ， 这 是 你 主动 襟 出 的 ， 读 者 
原本 并 没有 要 求 收 到 这 个 明 信 上 月 ， 不 是 吗 ? 

使 用 对 比 和 空间 关系 清楚 地 表述 消息 。 





企业 名 片 的 指导 原则 (第 103~106 页 ) 也 同样 适用 于 
明信片 : XXE GE EA AEG 不 要 以 为 所 有 空间 都 填 满 才 
行 ; 不 要 把 所 有 东西 都 设置 为 相同 或 者 几乎 相同 的 大 小 。 





试 这 样 做 …… 


试 试 一 种 规格 奇特 的 明 


reagieren 


的 明信片 。 


"- [人 —— 


要 到 邮局 去 问 问 你 想 要 的 大 小 


obsessed friends piii Uer 


的 明信片 需要 花费 多 少 邮 资 。 
enef P 


Ratz! That’s sS : 7A 


what you Sus ^ 
usually sau 
when you realize 
the holidays are 
here and you haven't 
done diddly-squat for shopping. But 
now when you say “Ratz!” you're 
reminded of Url Ratz and his Internet 
Cafe full of unique gifts developed 
just for Internet mavens like you and 
your screen-radiated friends and 
relatives. Happu Holidaus. 









Now get on the Internet at 
UrlslnternetCafe.com 
and do stuff. 


像 所 有 其 o 


xr Great git ideas for your 


ite mierne hsessed iends 


: Y 即 B X 起 x Ratz! That's what you usually say when you AS Kos 





realize the holidays are here and and you 
2n LS 的 内 容 ` haven't done diddly- squat for shopping. 

But now when you say “Ratz!” you're 
reminded of Url Ratz and his Internet uu 
full of unique gifts developed just for Internet 
mavens like you and your screen-radiated 
friends and relatives. Happy Holidays. Now get on 
the Internet at UrlsInternetCafe.com and do stuff. 
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* 关于 设计 明 信 扩 的 提示 


你 只 能 在 很 怎 的 时 间 内 用 邮箱 里 一 张 简 简单 单 的 明信片 来 抓 住 别 人 的 注意 力 。 不 论 你 的 明 
信 片 有 多 大 ， 如 果 明 信和 片 本 身 的 设计 不 能 吸引 他 们 注意 ， 他 们 就 不 会 谈 你 的 明信片 。 


关键 是 什么 


首先 要 确定 你 想 达 到 什么 效果 。 你 布 望 谈 者 认为 你 宣传 的 是 一 个 昂 贯 的 ， 绝 无 仅 有 的 商品 
吗 ? 那 你 的 明信片 最 好 看 上 去 也 要 像 商 品 一 样 的 昂贵 和 专业 。 你 是 不 是 希望 读者 认为 他 们 拣 到 
了 便宜 ? 那 你 的 明信片 就 不 能 太 过 精美 。 折 扣 商 店 往往 会 花 额 外 的 资金 让 目 己 看 起 来 备 有 物美 
价 廉 的 商品 。Saks Fifth Avenue E Kmart 看 上 去 就 不 同 ， 从 停车 场 到 休息 室 的 安排 都 有 很 大 区 
别 ， 这 绝 不 是 个 偶然 。 并 不 是 说 Kmart 在 装修 上 比 Saks 花 的 钱 少 。 每 种 外 在 效果 都 日 有 其 独特 
而 确定 的 用 途 ， 而 且 针 对 各 目 特定 的 市 场 。 

吸引 人 注意 

其 他 出 版 物 的 设计 原则 也 同样 适用 于 直 邮 明信片 : 对 比 ， 重 复 ， 对 齐 和 亲密 性 。 不 过 ， 明 
信 片 必须 在 很 短 的 时 间 内 吸引 别人 来 阅读 。 因 此 要 大 胆 一 些 ， 不 论 是 油墨 还 是 纸 料 都 应 当选 用 
明快 的 颜色 。 要 使 用 让 人 震撼 的 图 片 ， 目 前 有 很 多 非常 棒 而 且 很 廉价 的 图 库 ， 你 可 以 用 各 种 各 
样 有 创意 的 方法 使 用 这 些 图 片 。 

对 比 

设计 明信片 时 ， 对 比 可 能 是 最 好 的 朋友 了 。 标 题 应 当 与 其 余 文 本 形成 强烈 对 比 ， 打 印 的 颜 
色 之 则 以 及 打印 颜色 与 纸 料 颜色 之 间 也 应 当 有 强烈 的 对 比 。 男 外 不 要 忘 了 空白 也 能 产生 对 比 的 
效果 ! 
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报纸 广告 


设计 得 好 的 报纸 广告 可 以 为 广告 人 创造 奇迹 ; 不 过 ， 看 着 好 看 并 不 是 取得 成 功 的 全 部 。 以 


T EDS 





些 提 示 ， 即 使 是 最 糟糕 的 广告 也 能 从 中 受益 : 





o 


空白 ! 下 一 次 看 报纸 时 上 月 己 做 些 笔记 。 你 的 眼睛 会 很 卓然 地 落 在 哪些 广告 上 ?” 你 会 真 
正 谈 哪 些 广告 ? 我 敢 打 赌 ， 你 肯定 会 看 那些 有 更 多 空 日 的 广告 ， 而 且 至 少 会 仔细 旋 那 
些 广 告 的 标题 。 

机 敏 。 没 有 什么 能 比 一 条 机 人 敏 的 标题 更 能 吸引 人 “即使 设计 本 喘 并 不 怎么 样 )。 当 然 ， 
如 果 标 题 也 好 ， 设 计 也 棒 ， 成 功 的 可 能 性 就 会 加 售 ! 

清楚 。 一 旦 你 的 标题 确实 吸引 了 读者 的 注意 ， 接 下 来 你 的 广告 就 要 具体 地 告诉 读者 该 
做 什么 (并 明确 指出 有 关 途 径 ， 即 电话 号 码 、email 地 址 、 网 址 等 )。 

简洁 。 广 告 不 是 让 你 把 全 部 生平 都 放 上 去 。 广 告 要 人 简单， 切中 要 点 。 

尽 可 能 使 用 颜色 。 颜 色 总 能 引 人 注 目 ， 特 别 是 四 周 补 一片 灰 色 的 文本 海洋 包围 时 ， 有 
颜色 的 部 分 更 能 独树一帜 。 








wintertime flower sale 


Url took care all summer so you could have fresh flowers this winter. 


Flowers 2/$5 All day Saturday, January 25 9-6  Url's Internet Cafe 


广告 并 不 是 花哨 才 有 效果 。 
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THIS IS THE TECHNOLOGY 
AGE. LAB COATS FOR SALE. 


You could also use a t-shirt that tells your 


clients the Internet facts of life. And coffees 





blended specifically for web surfers. 


You'll need matching mugs for the coffee and 
most likely you'll want original RatPadz© to 
replace those clunky old mouse pads you have 
just lying around the office. 


Did we mention polo shirts, caps, gift boxes, and 
do-rags? Prepare yourself for the Technology 
Age: visit Url's Internet Cafe for great gift ides 
and a cafe full of educational, fun stuff. 


se WITZ 
AS f Gs 


www.UrlsInternetCafe.com 


WOULD YOU BUY A LAB 
COAT FROM AN UGLY RAT? 


You may not think so 
now, but just wait "til 
you see the lab coats, t- 
shirts, caps, polo shirts, 
special coffees, teas, 
mugs, RatPadzO, and 
other great gift ideas at 
Urls Internet Cafe. 





But people don't come 
here just to shop. It's a 
cafe where just hangin’ 
out is an art form. And 
when that sudden im- 
pulse to buy a lab coat 
hits, we've got 'em right 
here. So, if you think 
he's a sleazy, ugly rat, 
you're right. But come 
on, how many hand- 
some lab coat salesmen 
do you know? 


sa Wierna 
SS / Gs 


www.UrlsInternetCafe.com 


P.O. Box 23465 


Santa Fe, NM 87505 


(505) 424-1115 





如 果 标题 没有 吸引 读者 的 注意 ， 他 们 
就 不 会 读 正文 ， 不 论 你 把 正文 设计 得 多 大 
都 没有 用 。( 如 果 不 采用 全 大 写 ， 标 题 还 可 
以 设置 得 更 大 )。 

不 要 把 所 有 文本 都 设置 为 相同 的 大 
小 。 让 标题 突出 出 来 。 一 旦 用 标题 抓 住 了 
读者 的 视线 和 思路 ， 他 们 就 会 读 其 余 的 文 
本 ， 即 使 文本 大 小 仅 为 9 点 。 


不 要 把 空间 都 点 满 ! 我 知道 ， 你 为 版 
面 付 了 钱 ， 不 过 空白 同样 很 有 价值 ， 而 且 
EXE. 

除非 你 的 广告 提供 的 信息 很 有 价值 ， 
是 读者 想 知道 但 在 别处 得 不 到 的 ， 否 则 就 
不 要 把 它 塞 满 。 留 出 些 空白 吧 。 
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试 这 样 做 …… 





6s 


留 出 空白 很 好 。 使 用 空白 的 技巧 是 要 

ligit tha 保证 空白 也 是 有 组 织 的 。 上 页 的 第 一 个 广 

lo | 告 与 这 个 广告 中 的 空白 同样 多 ， 不 过 上 页 
的 广告 中 空白 四 处 散布 ， 没 有 条 理 。 


let nology Age. 要 像 组 织 信息 那样 ， 有 意识 地 组 织 空 
H 


L1 
白 。 如 果 你 遵循 设计 的 那 4 条 原则 ， 空 
You need a lah Coal. 自动 会 在 该 结束 的 地 方 结束 。 


You could also use a t-shirt that tells 
your clients the Internet facts of life W | 
(exhibit A). And coffees blended Work i 
specifically for web surfers. You'll need 
matching mugs for the coffee and most 
likely you'll want original RatPadz^ 

to replace those clunky old mouse pads ,* 
you have just lying around the office. — *' Va 

Did we mention polo shirts, caps, gift boxes, and do-rags? 
Prepare yourself for the Technology Age: visit Url 
Internet Cafe for great gift ideas and a cafe full of 
educational, fun stuff. 


SS UT hej 2 


SS ENI 
3 


UrlsInternetCafe.com 











与 所 有 其 他 设计 一 样 ， 要 使 用 对 比 、 


AL 


ugly rat 


You may not think so now, 
but just wait itil you see the 














lab coats, t-shirts, caps, 
polo shirts, special coffees, 
teas, mugs, Ratpadz*, and 
other great gift ideas at 
Urlis Internet Cafe. 
But people don't come 
here just to shop. 
Itis a cate where 
just hanginf out 
is an art form. 
And when that 
sudden impulse to 
to buy a lab coat hits, 
weive got iem right here. 
So, if you think heis a sleazy, ugly rat, youfre right. But come on, 
how many handsome lab coat salesmen do you know? 


ASI hef 2 "T 
e 


65 Ratznest Way 
Santa Fe, New Mexico 
UrlsInternetCafe.com 
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> 天 于 设计 报纸 广告 的 提示 





报纸 广告 的 最 大 问题 之 一 是 太 过 拥挤 。 许 多 花 钱 在 报纸 上 登 广告 的 客户 和 企业 都 认为 要 把 
每 一 英 空 间 都 填 满 ， 因 为 每 一 英 厂 面 都 是 花 了 钱 的 。 


对 比 


对 于 报纸 广告 的 设计 ， 不 仪 广告 本 号 需要 对 比 ， 广 告 与 它 所 在 那 一 页 报纸 上 的 其 他 内 容 也 
要 有 对 比 。 在 这 种 广告 中 ， 产 生 对 比 的 最 佳 方法 就 是 利用 空白 。 报 纸 上 往 往 充 斥 春 大 量 内 容 ， 
显得 非常 挤 。 如 果 一 个 广告 包含 大 量 空 犁 ， 就 会 在 这 页 报纸 上 脱 帘 而 出 ， 读 者 的 眼睛 不 由 目 主 
地 就 会 受 它 的 吸引 。 你 可 以 目 己 试 斌 看。 打开 一 张 报 纸 〈 或 者 一 页 电话 短 )， 人 快速 扫 一 过。 我 相 
信 ， 这 一 页 上 哪里 有 空白 ， 你 的 眼睛 可 能 就 会 朝 那 里 看 过 去 。 之 所 以 会 这 样 ， 就 是 因为 空白 在 
拥挤 的 页 面 上 提供 了 一 种 强烈 的 对 比 。 

留 出 空白 后 ， 不 必 为 了 产生 强烈 效果 与 其 他 内 容 竞 争 而 对 标题 使 用 又 大 又 胖 的 字体 。 实 际 
上 标题 可 以 用 一 种 漂亮 的 script 字体 或 者 经 上 典 的 oldstyle 字体 ， 而 不 要 使 用 粗 条 的 字体 。 

字体 选择 

报纸 用 纸 是 一 种 活水 的 粗糙 纸张 ， 然 后 在 上 面 印 上 油墨 。 所 以 不 要 使 用 精巧 的 小 serif 字体 
《有 截 线 的 字体 )， 也 不 要 使 用 很 细 的 线 ， 印 报纸 时 它们 会 变 粗 ， 除 非 你 把 字体 设置 得 足够 大 ， 
能 清楚 地 显示 截 线 和 笔划 。 

反 色 文字 

要 尺 可 能 避免 使 用 反 色 文字 〔 深 色 背 景 上 的 白色 文字 )， 不 过 ， 如 果 必 须 如 此 ， 就 要 确保 
使 用 一 种 合适 的 字体 ， 其 中 没有 细 线 ， 否 则 油墨 散 开 时 就 会 占 满 这 些 细 线 。 与 不 使 用 反 色 相 比 ， 
反 色 设置 字体 时 往往 要 使 用 稍 大 稍 粗 的 字体 ， 这 是 因为 视 党 幻觉 会 使 反 色 文字 看 上 去 要 小 一 些 ， 
细 一 些 。 
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网 站 

本 书 反 复 提 到 的 4 大 基本 原则 对比、 重复 、 对 齐 和 亲密 性 ) 也 同样 适用 于 Web 设计 ， 
不 过 ， 这 其 中 重复 对 于 网 站 的 设计 是 最 重要 的 因素 之 一 。 其 他 三 个 原则 可 以 使 页 面 看 起 来 很 不 
钳 ， 更 合理 ， 但 重复 更 有 意义 ， 这 会 让 访问 者 知道 目 己 是 否 还 在 同一 个 网 站 中 。 要 有 一 致 的 导 
航 系 统 和 图 片 风格 ， 使 访问 者 总 能 知道 他 们 仍 在 同一 个 网 站 中 。 可 以 重复 一 种 颜色 方案 ， 使 用 
同样 的 字体 或 按钮 ， 或 者 在 每 一 页 上 的 同一 个 位 置 放 置 风格 类 似 的 图 片 元 素 ， 这 些 都 能 帮助 你 
达到 目的 。 

设计 网 站 与 设计 其 他 出 版 物 有 一 些 差 别 。 如 果 你 在 Web 设计 方面 完全 是 一 个 新 手 ， 而 且 
想 知 道 如 何 起 步 ， 那 你 确实 需要 看 看 The Non-Desiener”s Web Book. 








000 Ur!'s Internet Cafe 
— 65 http: / /www.urlsinternetcafe.com/ 


Index Coffee Bar Books Qassroom Basement Cafe Staff ^ ContactUs Attic 


Wris] niemei (afa ds 


Urr's is a virtual Internet cafe, owned and operated by authors Robin 
Williams and John Tollett (along with Internet Icons Url Ratz and Browser 
NetHound). There's a bathroom covered with graffiti (inside the Coffee Bar), 
an attic containing sketchbooks, and other fun, unpredictable stuff. 





网 站 应 该 让 游客 感觉 友好 而 且 轻 松 。 这 个 网 站 就 很 入 
单 明 了 。 

在 这 方面 ，Google.com 是 一 个 绝 好 的 例子 ， 不 仅 极 
其 有 用 ， 而 且 简 单 明 了 。 








不 要 让 访问 者 在 页 面 上 移动 
滚动 条 来 查看 导航 链接 ! 


ml 
iaeia 


= LLL ocn a aaue 
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n OO € p ‘Url's Internet Cafe Coffee Bar : 
EIES Le | os] r3 C http: / /www.UrlsInternetCafe.com/coffeebar/coffeebar.html © * 


Ll 
n 
I 
Hi 
IE 
1i 
H 
li 
ti 
TI 
TI 
1 
1 
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不 要 对 文本 或 图 片 链接 使 用 默认 的 蓝 色 。 这 绝对 是 业余 水 平 页面 的 标志 。 
不 要 把 文本 链接 放 在 有 边框 的 粗 笨 表 单元 格 中 。 

正文 不 要 采用 粗 体 ， 也 不 要 占据 整个 页 面 的 宽度 。 

不 要 使 用 菊 光 背景 色 ， 特 别 是 不 要 使 用 菊 光 文字 1! 


不 要 让 访问 者 移动 滚动 条 ! 页 面 最 大 宽度 不 要 超过 800 HR. Tp xm X RN S. 
度 超过 600 像素 ， 否 则 访问 者 想 打印 页 面 时 会 很 恼火 。 
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iz x 保证 录入 页 面 和 主页 在 800 像 
Index  CoffeeBar Books Classroom Basement CafeStaff ContactUs Attic ZH 600 像素 高 的 范围 内 。 访 回 者 











Url Internet (afe 无 需 在 主页 上 滚动 就 应 当 能 找到 和 链 
pl 
an attic containing sketchbooks, and other fun, unpredictable stuff. j 
l Cafe Highlights 
anner 要 在 Web 设计 中 完全 去 除 所 有 


不 好 的 因素 ， 这 还 需要 你 花 很 长 的 
L 时 间 努 力 ， 最 终 才能 得 到 好 的 Web 
Coffee Bar | | | 4 T, 7 J à | 设 Un o 





The Coffee Bar 


ablegen dheal a Robert Bums Supper, cafe 

xecutive Robin W. and Url stopped by radio station WUKY in 
Nn t6 De quove cuc I Cora BUE vie. Url wasn't 
allowed to talk, but he had his digital camera with him as DJ Nick 
Lawrence conducted Robin's Radio Interview. 


In his quest to bring original content to the Cafe web site, Url has 
outdone himself aey on S RUS p If you've 


by 
been thinking —— click over 
Cruise Photo Album. Y: ou just don't get stuff ke this on other 


web sites. 





可 以 看 看 Peachpit.com 或 Adobe.com 网 站 。 至 少 指出 其 中 5 处 有 助 于 提供 一 致 性 的 
设计 ， 这 些 设置 使 访问 者 总 能 知道 ， 不 论 他 们 在 浏览 哪 一 页 都 没有 离开 Adobe 网 站 。 
基体 描述 是 什么 造成 了 这 两 页 上 例子 的 差别 。 大 声 说 出 各 个 设计 特性 (包括 好 的 特 
性 和 不 好 的 特性 )， 找 出 这 些 特 性 ， 这 有 助 于 你 设计 出 更 好 的 网 站 。 
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关于 设计 网 页 的 提示 








在 一 个 好 的 Web 设计 中 ， 最 重要 的 两 个 因 系 就 症 重 复 和 清晰 。 应 当 无 需 访 问 者 努力 去 找 出 
如 何 使 用 网 站 的 导航 系统 ， 并 明确 他 们 在 网 站 中 的 哪个 位 置 ， 以 及 是 否 还 在 你 的 网 站 中 或 者 已 
经 跳 到 了 其 他 网 站 。 


重复 


在 网 站 的 每 一 个 页 面 上 重复 某 些 视觉 元 素 。 这 不 仅 能 让 访问 者 知 拓 他 们 还 在 你 的 网 站 中 ， 
还 可 以 提供 一 种 统一 性 和 连续 性 ， 这 是 所 有 优秀 设计 必 不 可 少 的 特性 。 


到 了 内 容 页 上 ， 访 问 者 应 当 能 在 相同 的 位 置 、 以 同样 的 顺序 找到 有 同样 图 片 的 导航 系统 。 
这 不 仅 能 让 访问 者 很 容易 地 访问 你 的 网 站 ， 还 能 为 所 有 页 面 提供 一 种 统一 性 因素 。 


可 读 性 


在 屏 攻 上 谈 文 本 相当 费劲 ， 不 论 是 通过 电视 、 视 频 还 是 计算 机 ， 都 不 轻松 。 所 以 需要 对 
Web 页 面 上 的 文本 做 一 些 调 整 ， 确 保 尽 可 能 地 便于 阅读 。 


与 纸 上 相 比 ， 网 页 上 的 行 宽 要 更 短 。 正 文 绝对 不 应 超出 网 页 的 总 宽度 ， 这 说 明 ， 必 须 把 文 
本 放 在 一 个 表 中 或 者 至 少 使 用 块 缩 进 ， 即 文本 在 左边 和 右边 同时 缩 进 )。 不 过 ， 使 用 太 短 的 行 
宽 也 不 好 ， 这 样 会 导致 不 得 不 过 多 地 将 句子 断 开 。 


如 果 指 定 文本 以 某 种 字体 出 现 〈( 如 果 没 有 这 个 要 求 ， 那 就 不 用 看 下 面 的 内 容 了 )， 通 常会 
指定 Helvetica 或 Arial 以 及 Times 或 Times Roman， 请 指定 Geneva 而 不 是 Helvetica， 男 外 应 当 
指定 New York 而 不 是 Times。 这 样 文本 在 Macintoshes 上 显示 时 将 简洁 得 多 ， 而 且 更 容易 阅读 。 
(如 果 你 使 用 的 是 Mac 机 融 ， 可 以 把 默认 字体 设置 为 New York 而 不 是 Times， 你 会 惊异 地 发 现 
现在 读 网 页 是 多 么 容易 。 但 在 打印 网 页 之 前 ， 要 把 字体 改 回 为 Times)。 所 有 最 近 几 年 更 新 的 操 
作 系 统 上 都 提供 了 Verdana 字体 ， 这 是 显示 Web 正文 的 一 个 绝 好 的 选择 。 





























本 书 的 第 二 部 分 将 专门 讨论 字体 ， 因 为 字 
体 才 是 设计 的 根本 ， 不 是 吗 ? 这 一 部 分 重点 解 
决 在 一 个 页 面 上 结合 使 用 多 种 字体 的 有 关 问 题 。 

尽管 我 强调 的 是 字体 美学 ， 不 过 不 要 起 记 ， 
我 们 最 终 的 目的 是 为 了 更 好 地 表达 。 字 体 绝 不 
能 对 表达 市 来 负面 影响 。 








WHAT TYDE SHALL I use? 


该 全 用 什么 字体 ? 


The gods refuse 神 拒绝 
to answer. 回答 。 


They refuse ”他们 之 所 以 


because ^E, 
h 是 因为 
他 们 
do not — 也 不 知道 
know. 答案 。 


WA. DwIGGINS 


字体 

PERCOLATOR ERPERT 

Shannon Book Oblique 

ITC Golden Cockerel Initial Ornaments 





学 休 (与 人 生 ) 


字体 是 “搭建 ”所 有 排版 页 面 的 基本 模块 。 设 计 一 个 页 面 时 ， 通 党 需要 使 用 多 种 字体 ， 而 
且 有 时 这 是 绝对 必要 的 。 不 过 ， 你 怎么 知 拓 哪些 字体 能 有 效 地 一 同 工 作 呢 ? 


在 生活 中 ， 事 物 往往 不 是 单一 的 ， 这 就 会 建立 动态 的 关系 。 字 体 方面 也 是 如 此 ， 通 常 一 个 
页 面 上 有 多 个 元 隶 ， 甚 至 包含 正文 的 文档 中 也 往往 有 标题 或 子 标题 ， 或 者 至 少 会 有 页 码 。 在 页 
面 〈 或 生活 ) 中 ， 这 些 动态 元 素 之 间 会 建立 一 种 关系 ， 这 可 能 是 一 种 协调 的 关系 ， 也 可 能 是 冲 
RJ REEM o 


O 如 果 只 使 用 一 个 字体 系列 ， 在 样式 、 大 小 、 字 体 粗细 等 方面 没有 什么 变化 ， 就 会 产生 一 
种 协调 的 关系。 保持 页 面 的 协调 性 很 容易 ， 而 且 看 上 去 这 种 安排 很 安静 ， 非 第 正式 ， 有 
时 也 可 以 认为 相当 乏味 。 


O 如 果 结 合 使 用 了 多 种 字体 ， 它 们 在 样式 、 大 小 、 字 体 粗 细 等 方面 很 类 似 《 但 并 不 相同 )， 
就 会 出 现 一 种 冲突 的 关系。 这 种 相似 性 会 造成 困扰 ， 因 为 我 们 所 看 到 的 不 完全 一 样 ( 协 
调 )， 但 也 并 非 完 全 不 同 ( 对 立 或 对 比 ;， 所 以 它们 是 冲突 的 。 


O 如 果 结 合 的 多 种 字体 和 元 素 彼 此 之 间 截 然 不 同 ， 就 会 出 现 一 种 对 比 关 系 。 引 人 注目 的 腕 
丽 设计 往往 包含 大 量 对 比 ， 而 且 这 些 对 比 会 得 到 充分 强调 。 


大 多 数 设计 人 员 在 一 个 页 面 上 结合 使 用 多 种 字体 时 往往 是 即兴 而 为 。 你 可 能 感 党 菏 种 字体 
要 更 大 一 些 ， 或 者 某 个 元 素 需 要 更 粗 一 些 。 不 过 ， 这 些 都 只 是 感 沉 而已， 如 有 果 你 能 发 现 并 具体 
指出 其 中 的 对 比 ， 才 能 切实 地 把 握 页 面 的 设计 。 这 样 一 来 ， 你 可 以 更 快 地 发 现 产 生 冲 突 的 根源 ， 
并 找 出 更 有 意思 的 解决 方案 。 这 正 是 这 一 人 所 要 讨论 的 。 
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协调 

如 果 选 择 只 使 用 一 种 字体 ， 页 面 上 的 所 有 元 系 都 采用 同样 性 质 的 字体 ， 这 种 设计 就 是 协调 
的 。 也 许 你 使 用 了 某 种 italic 字体 ， 或 者 标题 可 能 更 大 一 些 ， 还 有 可 能 使 用 了 一 个 图 片 或 一 些 
淡 饰 元 对 ,不 过 给 人 的 基本 吨 象 还 是 协调 的 。 

大 多 数 协调 的 设计 往往 都 相当 平静 和 正式 。 这 并 不 是 说 协调 不 受 欢迎 ， 只 是 要 很 清楚 如 末 
元 素 彼 此 之 间 完 全 协调 会 给 人 怎样 的 印象 。 





Life's but a walking shadow, a poor player 
that struts and frets his hour upon the stage, 
and then is heard no more; it is a tale 
told by an idiot, full of sound and fury, 
signifying nothing. 


这 个 协调 的 例子 使 用 了 Cochin 字体 。 第 一 个 字母 更 大 一 
些 ， 而 且 这 里 使 用 了 一 种 斜体 (Cochin 斜体 )， 不 过 总 体 看 来 


eue 和 


是 非常 柔和 的 。 





字体 
Cochin 中 粗 体 及 斜体 


第 9 章 字体 (与 人 生 ) 


Í My name is 


| 
Í 
| 
i My theme song is | 
| 
I When I grow up I want to be j 

1l 


粗 字体 CAachen 粗 体 ) 与 粗 边 框 能 很 好 地 结合 。 其 至 填空 的 空格 
线 也 比较 粗 。 


字体 、 细 边框 以 及 装饰 元 素 





(Ge) 都 有 同样 的 风格 ， 能 提供 同样 的 
C EH A o 
看 上 去 是 不 是 很 熟悉 ? 很 多 
Loo share Gro aav 人 准备 结婚 请 帖 时 就 应 用 协调 原 
| | 则 做 了 这 样 的 设计 。 这 是 一 种 不 
Wedding celebration 错 的 设计 ! 但 要 有 意识 地 去 这 么 
故 。 
-— 做 
C Oy. 
(S9. 2 
Clpril 1 
bb o the afternoon 
Berkeley Oquare 
2 字体 








Aachen 粗 体 


D. : : ec c b € 
s inoseript (with Jy pe QO mÉel pmente fec) 
€ 





冲突 


如 果 在 同一 个 页 面 上 设置 了 两 个 或 多 个 类 似 的 字体 ， 它 们 并 非 完 全 不 同 ， 但 也 不 完全 相 





同 ， 这 个 设计 就 是 冲突 的 。 我 见 过 无 数 的 学 生 为 了 匹配 页 面 上 的 茶 种 字体 ， 而 去 查找 一 种 “看 
上 去 相似 ”的 字体 。 这 是 错误 的 。 如 果 把 两 种 看 上 去 非常 相似 但 又 不 完全 一 样 的 字体 放 在 一 
起 ， 大 多 数 情 况 下 都 会 出 现 这 个 问题 。 问 题 就 出 在 相似 性 上 ,因为 相似 性 是 互相 冲突 的 。 





协调 是 一 个 稳 尼 有 用 的 概念 ， 但 冲突 务必 要 避 人 钢 。 


Lites but a walking shadow, a poor player 
that struts and frets his hour upon the stage, 
and then is heard no more; it is a tale 
told by an idiot, full of sound and fury, 
signifying nothing. 


字体 
Cochin 中 粗 体 和 ITC Garamond 细 字 体 





从 这 个 例子 可 以 看 到 ， 读 到 “full of sound and fury" 3x 4 
时 有 什么 变化 ? 你 是 不 是 会 奇怪 为 什么 这 里 使 用 了 男 一 种 字 
W? 是 不 是 认为 也 许 这 只 是 一 个 失误 ? 这 会 让 你 不 舒服 吗 ? 最 
衣 面 放大 的 首 字 母 原先 真 的 就 是 这 样 设计 的 吗 ? 


Eod: 字体 (与 人 生 ) 


Whats up? 


My name is 
My theme song is 


When | grow up | want to be 





。 它们 是 类 似 的 ， 


请 特别 注意 标题 和 其 他 行 中 的 “a”“t” 和 和 “gs” 
但 不 相同 。 边 框 与 字体 或 线 的 粗细 不 同 ， 但 也 没有 形成 强烈 的 对 比 。 


这 个 小 小 的 设计 中 存在 太 多 的 冲突 。 
这 个 小 请 帖 使 用 了 两 种 script 字体 ， 

PUT 它们 彼此 之 间 有 很 多 相似 之 处 ， 但 是 又 不 

完全 相同 ， 也 并 非 截然 不 同 。 

装饰 元 素 也 存在 同样 的 冲突 。 这 个 设 


计 看 上 去 很 混乱 。 


yY OU AAE cordially united 


bea am beaa 
Wedding Ed 
AOLA 


‘Kopheye lue Oyl 


pail 1 
3 oelock. in the afternoon 
AEE c 
字体 
Bailey Sans Extra 粗 体 和 Antique Olive Roman 


Linoseript 和 Celle, Ohlrnie Feript 
Adobe Wood Type Ornaments Two 














对 比 


这 个 世界 上 所 有 特性 都 依赖 于 比较 才能 显现 。 如 果 没 有 比较 ， 则 根本 没有 存在 的 前 提 。 


— —- Herman Melville 


下 面 该 是 好 玩 的 部 分 了 。 创 建 协调 相当 容易 ， 制 造 冲 突 也 很 容易 ， 不 过 不 受 欢 迎 。 产 生 对 
比 则 非常 有 趣 。 

从 上 一 部 分 对 设计 的 介绍 中 可 以 了 解 到 ， 强 烈 的 对 比 能 吸引 我 们 的 视线 。 要 在 设计 中 增加 
对 比 ， 最 有 效 、 最 简单 而 且 最 让 人 满意 的 方法 之 一 就 是 利用 字体 。 














Life's but a walking shadow, a poor player 
that struts and frets his hour upon the stage, 
and then is heard no more; 


it is a tale told by an idiot, 


dali od S080d ead fury. 


signifying nothing. - 
Cochin 中 粗 体 和 Aysi 





在 这 个 例子 中 可 以 很 清楚 地 看 出 ,“full of sound and fury” 原 
本 就 设计 为 要 采用 另 一 种 字体 。 整 个 作品 视觉 上 更 引 人 注 目 ， 活 
力 四 射 ， 原 因 就 是 这 里 使 用 了 字体 的 对 比 。 


第 9 章 字体 (与 人 生 ) 


My Name is 





Mythemesongis . > = > . — ———.— ^ —-— 


When I grow up ! want to be 





现在 字体 之 间 的 对 比 很 明确 (它们 确实 同属 于 一 个 字体 系列 
Antique Olive)， 但 是 这 里 用 非常 粗 的 字体 与 非常 细 的 字体 形成 了 对 
比 。 边 框 与 空格 线 的 线 粗 也 大 相 径 庭 。 


这 个 请 帖 使 用 了 两 种 
YOU ARE CORDIALLY INVITED 截然 不 同 的 字体 ， 它 们 在 
Ju Z ` 
TO SHARE IN OUR (R f Jr WU AER. 


WEDDING CELEBRATION! 


Pope ye Popeye 和 Olive Oyl 的 


形状 ， 包 括 修 饰 图 案 〈( 此 处 


Olive Cyl 显示 了 一 种 ) 与 其 余 字体 很 


搭配 。 


> 





APRIL 1 
3 O'CLOCK 
IN THE AFTERNOON 


BERKELEY SQUARE 
字体 
Antique Olive 黑体 和 Roman 
LITHOS EXTRA LIGHT 
Lanzibar 





Eu | 第 二 部 分 字体 设计 





小 绪 


对 比 不 只 是 能 增加 作品 的 美感 ， 页 面 上 信息 的 条 理性 和 清晰 性 与 对 比 密 不 可 分 。 不 要 起 记 ， 
我 们 最 终 的 目的 是 为 了 更 好 地 表达 信息 。 结 合 多 种 不 同 字体 应 该 促进 这 种 表达 ， 而 不 应 造成 混 











尽管 我 一 次 只 摘 述 其 中 的 一 种 对 比 ， 但 实际 中 很 少 只 使 用 一 种 对 比 ， 一 种 对 比 的 效果 通常 
不 能 让 人 满意。 大 多 数 情 况 下 部 会 结合 并 强调 多 种 对 比 来 加 强 效果 。 

如 果 很 难 发 现 结合 多 种 字体 时 出 了 什么 问题 ， 不 要 只 关注 字体 之 间 有 什么 不 同 ， 而 要 重点 
查看 它们 有 什么 相似 之 处 。 正 是 由 于 这 种 相似 性 才 导 致 了 问题 出 现 。 

建立 字体 对 比 时 要 巡 循 这 样 一 条 规则 : 不 要 太保 守 ! 
PN bem 

在 介绍 各 种 对 比 之 前 ， 需 要 对 字体 的 类 别 有 所 了 解 。 先 花 几 分 钟 看 看 下 一 章 的 介绍 ， 注 意 
每 一 类 字体 存在 哪些 相似 性 使 它们 可 以 划 归 为 同一 个 字体 类 别 ， 努 力 找 出 这 一 类 字体 的 一 、 两 
个 例子 ， 然 后 再 学 习 下 一 类 字体 。 这 些 例子 可 以 在 杂志 、 图 书 、 包 闭 袋 以 及 所 有 出 版 物 中 查找 。 
相信 我 ， 花 点 时 间 做 这 件 事 绝对 是 值得 的 ， 正 所 谓 麻 刀 不 误 砍 柴 工 ! 























TA RI 





如 今 有 成 千 上 万 种 不 同 的 字体 ， 而 且 每 天 还 在 产生 更 多 的 字体 。 不 过 ， 大 多 数字 体 都 可 以 
划 归 为 以 下 提 到 的 6 大 类 之 一 。 在 有 意识 地 对 比 字体 之 前 ， 需 要 和 多 了 解 这 几 组 字体 设计 之 间 的 
相似 性 ， 因 为 正 是 这 种 相似 性 才 导 致 了 字体 组 合 使 用 时 的 冲突 。 本 章 的 目的 是 使 你 更 清楚 、 更 
详细 地 了 解 字体 。 在 下 一 章 中 ， 我 将 进一步 介绍 如 何 结合 使 用 这 些 字 体 。 




















当然 ， 你 会 发 现 还 有 几 百 种 字体 划 入 以 下 任何 一 类 都 不 太 合适 。 由 于 字体 的 千差万别 ， 我 
们 甚至 可 以 为 它们 建立 数 百 个 不 同 的 类 别 ， 不 过 不 用 为 此 担心 。 关 键 是 你 要 从 现在 开始 更 细致 
和 更 清楚 地 查看 字体 。 


我 将 重点 讨论 以 下 6 类 字体 。 

Oldstyle 

Modern 

Slab serif 

Sans serif 

Fent 

Decoralive—/NCLUDING GRUNGY 

















Oldstyle 





Oldstyle 类 别 中 的 字体 是 基于 手写 体 创 建 的 。 可 以 想象 目 己 手 里 有 一 文 有 YV 形 笔尖 的 笔 。 
Oldstyle 字体 都 有 截 线 ( 见 下 图 中 的 标注 )， 而 且 小 写字 母 的 截 线 总 有 一 个 角度 〈( 笔 的 角度 )。 
由 于 使 用 的 是 这 样 一 文笔 ，Oldstyle 字体 中 的 所 有 曲线 笔划 都 有 一 种 从 粗 到 细 的 变化 ， 技 术 
上 讲 ， 这 称 为 “ 粗 / 细 过 渡 ”。 笔划 中 的 这 种 对 比 相 对 比较 缓和 ， 这 说 明 它 只 是 从 比较 细 变 化 
GI) 为 稍微 粗 一 点 。 如 果 在 曲线 笔划 的 最 细部 分 画 一 条 线 ， 这 条 线 将 是 对 角 线 。 这 条 线 称 
为 强调 线 〈stress) 一 一 Oldstyle 字体 有 一 条 对 角 强 调 线 。 





ERZ (Serif， 读 作 “sair iff", 
而 不 是 “suh reef ") 








对 角 强 调 线 — 
小 与 字 人 
| ] 线 是 倾斜 的 
> t ) C Goudy Oldstyle 
笔划 中 的 粗 / 
细 过 渡 绥 和 


Goudy Palatino Times 


Baskerville Garamond 





在 你 看 来 这 些 字 体 是 不 是 都 一 样 ? 不 用 担心 ， 对 于 没有 学 过 排版 的 人 来 说 ， 它 们 确实 看 起 
来 都 一 样 。 正 是 这 种 “不 可 见 性 ”( 看 不 出 存在 差异 )， 使 得 Oldstyle 字体 成 为 显示 大 量 文字 的 
最 佳 选 择 。Oldstyle 字体 几乎 没有 什么 显著 的 特征 会 影响 阅读 ， 它 们 本 里 不 会 分 散人 的 注意 力 。 
如 果 你 希望 人 们 具体 去 读 某 些 文字 ， 可 以 选择 设置 为 Oldstyle 字体 。 

















Modern 





随 着 历史 的 演进 ， 字 体 的 结构 已 经 有 所 变化 。 由 于 生活 方式 和 文化 的 变化 ， 字 体 也 随 之 
改变 ， 就 像 发 型 、 衣 着 、 建 筑 或 语言 一 样 。18 世纪 出 现 了 更 光滑 的 纸张 ， 更 复杂 的 印刷 技术 ， 
男 外 机 械 设备 总 体 也 大 幅 发 展 ， 这 些 都 导致 了 字体 变 得 越 来 越 机 械 。 新 的 字体 不 再 遵循 手中 所 
拿 笔 的 笔迹 。Modern 字体 有 帘 线 ， 不 过 它们 的 稚 线 是 水 平 的 ， 而 不 再 倾斜 ， 而 且 这 些 鹤 线 很 
细 。Modern 字体 就 像 一 座 钢 铁 大 桥 ， 结 构 很 产 格 ， 笔 划 中 有 剧烈 的 粗 / 细 过 渡 〈 或 对 比 )。 由 
于 不 存在 笔 的 倾斜 ， 所 以 强调 线 完全 是 垂直 的 。Modern 字体 看 起 来 往往 有 一 种 冷酷 、 高 雅 的 











感觉 。 
TEER 小 写字 母 上 的 截 线 很 细 ， 而 
且 是 水 平 的 





| ril Bodoni Poster Compressed 


笔划 中 剧烈 的 粗 / 细 过 渡 





Bodoni Times Bold Un 
Didot, Bold Walbaum 








Modern 字体 外 观 很 醒目 , 特别 是 设置 得 非常 大 时 有 一 种 让 人 震撼 的 感 党 。 由 于 有 剧烈 的 粗 
/ 细 过 渡 , 在 显示 大 量 正 文 时 , 大 多 数 Modern 字体 都 不 是 很 好 的 选择 。 细 线 几 乎 会 完全 消失 ,而 
粗 线 太 过 突出 ,在 页 面 上 这 种 效果 称 为 “ 胶 目 ” 

















Slab serif 


随 着 工业 草 命 的 出 现 ， 又 产生 了 一 个 新 的 概念 广告。 最初， 广告 人 选用 modem 字体 ， 
并 把 粗 线 设置 得 更 粗 。 你 以 前 可 能 见 过 使 用 这 种 字体 的 海报 ， 从 和 远 处 看 ， 所 看 到 的 都 是 一 条 条 
竺 直线 ， 就 像 一 个 顶 栏 。 要 解决 这 个 问题 ， 一 个 明显 的 做 法 就 是 把 整个 字体 都 加 粗 。Slab serif 
的 粗 / 细 过 渡 很 小 甚至 没有 。 














这 一 类 字体 有 时 称 为 Clarendon， 因 为 Clarendon 字体 (如 下 所 示 ) 是 这 种 类 型 的 典型 代 


EE EUR 


表 。 它 们 也 称 为 Egyptian 字体 ， 因 为 这 种 字体 是 在 古 埃 及 文明 发 展期 间 盛 行 起 来 的 ， 为 顺应 这 
一 点 ， 这 一 类 的 很 多 字体 都 有 一 个 埃及 名 (Memphis, Cairo, Scarab). 








小 写字 母 上 的 截 线 粗 ， 且 是 水 平 ul 垂直 强调 线 
Clarendon 
笔划 中 粗 / 细 过 渡 
或 对 比 很 小 或 没有 


Clarendon Memphis 
New Century Schoolbook 
Silica Regular, Light, Black 


H / 细 对 比 很 小 的 许多 Slab serif 字体 〈 如 Clarendon 或 New Century Schoolbook) 可 以 提供 
很 好 的 可 读 性 ， 这 说 明 它 们 可 以 很 好 地 用 于 显示 大 量 文本 。 不 过 ， 与 Oldstyle 字体 相 比 ， 总 的 
看 来 ， 设 置 为 这 种 字体 的 页 面 更 暗 ， 因 为 它们 的 笔划 比较 粗 ， 而 且 粗 细 相 对 单一 。 由 于 其 简 清 、 
直接 的 外 观 ，Slab serif 常 在 儿童 图 书 中 使 用 。 











Sans serif 


单词 “sans” 在 法 语 中 的 含义 是 “没有 ” 所 以 Sans serif 字体 就是 指 笔划 末端 没有 和 截 线 的 
字体 。 去 除 截 线 的 思想 是 字体 变革 后 期 才 有 的 发 展 ， 直 到 20 世纪 早期 才 取 得 广泛 成 功 。 


Sans serif 字体 的 粗细 几乎 总 是 单一 的 ， 这 说 明 笔划 中 几乎 没有 可 见 的 粗 / 细 过 渡 ， 字 体 的 
粗细 都 一 样 。 


另外 参见 下 一 页 ， 其 中 介绍 了 Sans serif 字体 的 一 些 重 要 信息 。 

















没有 截 线 没有 强调 线 ， 因 为 根 
本 没有 粗 / 细 变 化 


ans serif 


Franklin Gothic 





笔划 中 没有 粗 / 细 过 湾 


Proxima Nova Formata 
Folio Shannon Book, Bold 
Bailey Sans, Bold Syntax 








如 果 你 的 字体 库 中 的 Sans serif 字体 只 有 Helvetica 和 Avant Garde， 要 想 更 好 地 设计 页 面 ， 
最 好 的 做 法 就 是 引入 包括 一 个 很 粗 很 黑 字 体 的 Sans serif 字体 系列 。 以 上 字体 系列 中 各 个 字体 的 
粗细 有 很 大 差异 ， 不 仅 有 很 细 的 字体 ， 也 有 非 消 黑 的 粗 字 体 。 引 入 这 样 一 个 字体 系列 后 ， 将 大 
大 提升 页 面 的 效果 ， 看 到 由 此 产生 的 之 丽 页 面 定 会 让 你 惊讶 不 已 。 











大 多 数 Sans serif 字体 的 粗细 都 是 单一 的 ， 如 前 一 页 所 示 。 不 过 ， 也 有 很 少 的 几 种 字体 稍 
微 有 一 些 粗 / 细 过 渡 。 以 下 是 这 样 一 个 Sans serif 例子 (有 一 条 强调 线 )， 名 为 Optima. Optima 
之 类 的 字体 在 页 面 上 很 难 与 其 他 字体 结合 ， 它 们 与 serif 字体 在 粗 / 线 笔 划 方面 存在 相似 性 ， 田 
外 由 于 没有 截 线 ， 这 一 点 又 与 Sans serif 字体 相似 。 所 以 使 用 这 种 Sans 字体 时 要 非常 小 心 。 


Sans serif _ 


Optima 是 一 种 非常 漂亮 的 字体 ， 但 是 与 其 他 字体 结合 使 用 时 作 
须 很 小 心 。 注 意 它 的 粗 / 细 笔划 。 它 具有 Oldstyle 的 典雅 气质 (参见 
第 146 H), Titt Æ Sans serif 字体 。 


eath 


MAKES YOUwWTHINK ABOUT 
YOUR IMMORTALITY. 





la PHILIIE DAVIS 


这 里 可 以 看 到 Optima〔 较 小 字体 的 文本 ) 5 Tabitha 的 完美 
结合 。Tabitha 的 活力 四 射 与 Optima 的 古典 美 正好 形成 鲜明 的 对 
Edi 





Script 





看 上 去 利用 一 个 书法 笔 或 书法 刷 (或 者 有 时 用 钢笔 或 专业 笔 ) 手写 的 所 有 字体 都 属于 
Script 类 字体 。 这 一 类 字体 还 可 以 很 容易 地 划分 为 连 笔 手 写 体 、 不 连 笔 手写 体 、 手 工 书写 的 手 
写 体 、 模 仿 传 统 书法 风格 的 手写 体 ， 等 等 。 不 过 为 了 强调 我 们 所 要 介绍 的 内 容 ， 这 里 将 把 它们 
作为 一 类 汇集 在 一 起 说 明 。 


Moos Arid Mity Setini 
Zountatn Pen Emely p 
Cocktail Shaker 


Script 字体 就 像 是 奶酪 蛋糕， 要 少 用 ， 这 样 才 不 会 让 人 党 得 亚 心 。 当 然 ， 绝 对 不 能 将 大 段 文 
本 设置 为 这 些 有 趣 的 字体 ， 而 且 绝 对 不 能 设置 为 全 大 写 。 不 过 Script 设置 得 非常 大 时 可 能 会 让 
人 印象 特别 深刻 。 放 手 去 做 ， 千 万 不 要 保守 1 











CE 字体 


Linoseript P FHR 











Decorative 


Decorative 字体 很 容易 看 出 来 ， 如 果 一 本 书 全 部 使 用 这 种 字体 ， 读 这 样 一 本 书 让 你 很 想 把 
它 扔 掉 ， 那 就 大 致 可 以 认为 这 属于 一 种 Decorative 字体 。Decorative 字体 本 壬 很 不 错 


[S0 I 
仅 有 趣 而 且 特 别 ， 很 易于 使 用 ， 有 时 更 廉价 ， 而 且 你 一 时 想 表达 的 任何 突 发 奇想 都 可 以 使 用 这 


种 字体 。 当 然 ， 正 是 因为 它们 如 此 特别 ， 所 以 这 种 字体 的 使 用 要 有 限制 。 





JUNIPER YHE WALL -Tabitta 
husteny AJNE Blue Island 
FAJITs SCAELEIE 


使 用 Decorative 字体 时 ， 先 把 你 的 第 一 印象 抛 在 一 边 ， 进 一 步 再 想 想 看 。 例 如 ， 如 果 Pious 
Henry 作为 一 种 非 正式 的 字体 让 你 很 震撼 ， 那 就 在 一 种 更 正式 的 场合 下 用 用 看 ， 看 看 会 发 生 什 
么 。 如 条 你 认为 Juniper 有 一 种 西部 的 野性 美 ， 可 以 尝试 用 在 公司 或 花 店 介 绍 里 ， 看 有 什么 结 
果 。 取 决 于 在 什么 场合 使 用 这 些 字 体 ，Decorative 字体 可 以 传达 人 鲜明 的 情绪 ， 或 者 可 以 让 它们 传 
达 与 你 第 一 印象 完全 不 同 的 内 涵 。 不 过 ， 这 是 男 一 本 书 要 讨论 的 内 容 。 














"a 
P i 
Yi erda 
i ell xu 


有 时 名 人 名 言 使 用 Decorative 字体 非常 合 


dé, 





有 意识 地 去 做 


要 想 有 效 地 使 用 字体 ， 必 须 特别 当心 。 我 的 意思 是 : 必须 把 眼睛 睁 大 ， 要 注意 到 细节 ， 应 
当 尝 试用 文字 明确 地 表述 问题 。 或 者 如 来 你 发 现 哪 个 方面 深 并 地 吸引 了 你 ， 就 要 用 语言 说 清楚 
它 为 什么 吸引 你 。 

花 几 分 钟 ， 翻 一 翻 某 本 杂志 。 试 着 把 你 看 到 的 字体 归 类 。 其 中 许多 字体 不 能 很 好 地 归 入 上 
述 的 任何 一 类 ， 不 过 这 也 无 妨 ， 可 以 选择 看 起 来 最 接近 的 一 个 类 别 。 关 键 是 你 要 更 仔细 地 查看 
字体 ， 要 想 有 效 地 结合 多 种 字体 ， 这 绝对 是 至 关 重 要 的 。 











将 字体 类 别 与 字体 连 线 ! 
Oldstyle AT THe RODEO 
Modern High Society 
Slab serif oo Fassy for Pordi 
Sans serif As I remember, Adam 
Script Ihe enigma continues 


Decorative It's your attitude 
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mw #4: TH / 细 过 渡 


对 以 下 字体 进行 : 

O 缓和 的 粗 / LUE 

D) 剧烈 的 粗 / 细 过 渡 

D 没有 《或 者 可 忽略 不 计 的 ) 粗 / 细 过 渡 


Giggle Jiggle 


Diggle Piggle 


Higgle Wiggle 





Frue #5: 截 线 





下 例 中 的 小 写字 母 属于 以 下 哪 种 截 线 类 型 : 
o 细 、 水 平 截 线 

O 粗 、 平 板式 [提示 ] KFR 

D KARR 

O RHR 


Diggle Riggle 


Figgle Biggle 


Miggle Tiggle 


注意 所 有 “g” 字 母 间 存 在 巨大 差别 ! 这 很 有 意思 。 
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小 结 





要 特别 当心 这 几 类 字体 ， 这 一 点 的 重要 性 再 强调 也 不 为 过 。 学 习 下 一 章 时 ， 你 会 清楚 地 了 
解 到 为 什么 这 很 重要 。 





要 不 断 提 高 你 的 视 党 敏锐 水 平 ， 对 此 可 以 做 一 个 简单 的 练习 ， 这 束 是 收集 各 类 样 例 。 从 
你 能 找到 的 任何 印刷 品 中 把 样 例 剪 下 来 。 能 看 到 同属 于 一 大 类 的 字体 吧 ?” 继续 ， 再 建立 一 些 子 
f, f|. Jj x-height 小 而 且 下 伸 部 分 长 的 Oldstyle 字体 建立 一 个 子 集 ( 见 下 面 的 例子 )。 或 
者 为 更 像 手 写 印刷 体 而 不 是 草书 的 Script 建立 一 个 子 集 。 还 可 以 为 扩展 字体 和 压缩 字体 建立 子 
集 〈 如 下 所 示 )。 有 了 这 种 对 字体 的 视 党 敏锐 度 ， 你 才 有 了 能力 创建 有 趣 、 有 炉 动 性 的 有 效 的 字 
体 组 合 。 











上 伸 部 分 (ascender) 是 字母 在 x- height 
之 上 高 出 的 部 分 。 


1 | x-height 是 小 号 字母 主体 的 高 度 。 
Bernhard xq 
30 点 : 
下 伸 部 分 (descender) 是 字母 在 基线 
基线 《字体 所 在 的 一 条 不 可 见 的 线 ) 以 下 的 部 分 。 


注意 比较 Bernhard 的 x-height 与 以 下 Eurostile。 请 看 x-height 与 上 伟 部 
分 的 关系 。Bernhard 的 x-height 非 同 寻常 地 小 ， 而 上 伸 部 分 异常 高 。 大 多 数 
Sans serif 的 x-height 都 很 大 。 要 注意 到 诸如 此 类 的 细节 。 


Eurostile Bold is ,or Bernhard 18 point 
Eurostile Bold Extended 
Eurostile Bold Condensed 


扩展 字体 看 上 去 是 展开 的 ; 压缩 字体 看 上 去 则 撤 在 一 起 。 这 两 种 字体 分 
别 有 适 用 的 场合 。 


第 11 章 





学 体 对 比 


这 一 章 强 调 如 何 结合 使 用 各 种 字体 。 下 面 几 页 将 描述 对 比 字 体 的 各 种 方法 。 每 一 页 都 会 展 
示 一 些 具体 的 例子 。 这 一 部 分 的 最 后 还 将 提供 一 些 综合 例子 ， 展 示 如 何在 页 面 上 应 用 这 些 字体 
对 比 原则 。 字 体 对 比 不 仅 是 为 了 美观 ， 还 可 以 加 强 意思 的 表达 。 


























不 应 该 要 求 谈 者 去 努力 寻找 页 面 的 内 容 ， 如 重点 、 材 料 的 组 织 、 用 途 、 信 息 流 程 等 等 ， 所 
有 这 些 应 该 一 眼 就 能 看 出 来 。 在 保证 一 目 了 然 的 同时 ， 还 可 以 让 页 面 更 课 腕 ! 








我 将 讨论 以 下 几 种 字体 对 比 : 


C (大 小 ) 
Weigh 
Big t (粗细 ) 


Structure 


dv (形状 ) 


DFECECCTIOn em 


Cohr Foie Entra 
: Folio Extra 粗 体 
CER 色 ) & Warnock Pro 常规 字体 


F Kelle y Volante F cript 
& Formata 粗 体 

Madrone 

Zanzibar 常规 字体 




















© 提问 : 这 里 
的 英文 字体 属于 
(大 小 ) 哪 类 字体 ? 





字体 大 小 的 对 比 〈 也 就 是 大 字体 与 小 字体 的 对 比 ) 非常 明显 。 不 过 ， 为 了 有 效 地 使 用 大 小 
对 比 ， 绝 对 不 要 保守 。12 点 和 14 点 大 小 的 字体 无 法 形成 明显 的 对 比 ， 大 多 数 情 况 下 ， 它 们 只 
会 产生 冲突 。 同 样 地 ，65 点 与 72 点 的 字体 也 相差 无 几 ， 不 能 形成 对 比 。 如 果 想 在 字体 大 小 方 
面 让 两 个 元 素 产 生 对 比 ， 就 放手 去 做 。 要 力求 明显 ， 不 要 让 人 觉得 这 是 一 个 失误 。 














HEY, SHE'S CALLING YOU A LITTLE 


确定 希望 哪个 元 素 作 为 中 心 点 。 利 用 对 比 来 突出 强调 。 


A N O T H E R 


newsletter 


Volume 1 s Number ] January w 2010 





如 果 还 需要 有 其 他 元 素 ， 不 过 它们 对 于 一 般 读 者 来 说 并 不 太 重 要 ， 就 
让 它们 小 一 点 。 谁 会 关心 期 号 呢 ? 如 果 有 人 确实 关心 这 是 哪 一 期 ， 即 使 期 
号 很 小 仍然 可 以 看 清 。 不 设置 为 12 点 大 小 是 完全 可 以 的 ! 


字体 
Folio 细 体 和 Extra 粗 体 
ITC American Typewriter 中 粗 体 及 粗 体 





第 11 章 字体 对 比 





字体 大 小 对 比 并 不 意味 着 必须 让 字体 很 大 ， 而 只 是 要 求 应 该 有 对 比 。 例 如 ， 如 果 你 看 到 一 
张 很 大 一 版 报纸 中 只 有 一 行 很 小 的 文本 ， 你 肯定 很 想 看 看 这 是 什么 ， 对 不 对 ? 之 所 以 能 够 产生 
这 种 吸引 力 ， 一 个 重要 原因 就 是 这 个 大 页 面 与 非常 小 的 字体 之 间 产 生 了 明显 的 对 比 。 





如 果 你 在 报纸 中 翻 到 这 一 版 ， 
会 立即 注意 到 中 间 的 这 行 小 字 吧 ! 
这 正 是 对 比 的 力量 。 


Hala ~ mafa kok! 


men BE OE E FÉ m Aigue duos e € 

rep r volup exceptur sint occaecat cu- 
tate velit esse r e om aie son pid at non obe nt, sini 
conswquat, velillum dolore en tempor. Sirt in culpa qui of 
guiat nulla pariatur. At vero ficia deserunt ls rat 
esos et accusam et justo odio volupat. Lorem ipsum dolor 
disnissim qui blan dit praesent sit amet, consectetur adip 
lupatum del enit vel illum. scing elit, diam no nnumy. 





I N C O R P O R A T E D 


有 时， 大 小 对 比 的 诱惑 可 能 让 人 无 法 抵挡 ， 这 样 可 以 大 大 增 
强 较 小 的 字体 。 充 分 利用 这 一 点 。 谁 想 注 意 那 些 “ 纠 葛 ” 在 一 起 
的 文字 呢 ? 尽管 小 文字 很 小 ， 但 是 绝对 并 非 看 不 见 ， 需 要 它 的 人 


还 是 能 顺利 读 到 。 


字体 
Wade Sans 细 体 


DivaDoodles ~ 
Brioso Pro 


Memphis Extra f84& 及 细 体 











我 再 三 建议 不 要 全 部 使 用 大 写 。 有 时 你 可 能 想 使 用 全 大 写 来 让 文字 更 大 一 些 ， 是 吗 ? 但 具 
有 讽刺 意味 的 是 ， 文 本 设置 为 全 大 写 时 ， 与 同样 的 文字 使 用 小 写 相 比 ， 所 占 的 长 度 可 能 是 后 者 








的 两 倍 ， 所 以 不 得 不 让 字体 更 小 一 些 。 反 之 ， 如 果 将 文本 变 成 小 写 ， 则 可 以 设置 为 更 大 的 字体 
(点 数 更 大 )， 而 且 这 样 做 还 有 一 个 好 处 ， 将 有 更 好 的 可 读 性 。 





MERMAID TAVERN 


Bual and Fudoy Steets 
Cheapside » London 


这 个 标题 使 用 了 20 点 大 小 的 字体 。 这 是 这 个 空间 内 全 部 采 
用 大 写 时 所 能 使 用 的 最 大 字体 大 小 。 


o 
Mermaid Tavern 
Bual and Fuday Stees 
Cheapside » London 
字体 
Silica 粗 体 
Wendi 中 粗 体 


把 标题 变 成 小 写 后 ， 可 以 将 字体 加 大 到 28 点 ， 另 外 还 可 以 
有 足够 的 空间 让 标题 更 粗 一 些 。 
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BYA Ma SITTERJE 6 L7; Xa CAU ]vSE EG. FERMAS ATF eR) 
KERAKS K RSS. Tb SI HI xr rp A EENAA MICR, md ul PESE h 
版 物 中 用 作 重 复元 系 。 


Jke Sund 









the Try 


字体 

cpur 常规 字体 

(Zanzibar 常规 字体 ) 
如 果 大 小 对 比 非 同 一 般 ， 这 本 身 就 能 成 为 一 种 图 形 元素 ， 如 

果 项 目 可 用 的 图 片 很 有 限 ， 这 会 很 方便 。 


Travel Tips 


Take twice as much money 
as you think you'll need. 


Take half as much clothing 
as you think you ll need. 


Don't even bother taking all 
the addresses of the people 
who expect you to write. 字体 


Bodoni Poster 
Bauer Bodoni Roman 





WREAK ERREEN, AA REC AEE A 
处 重复 这 个 概念 ， 创 建 一 种 吸引 人 的 有 效 重 复 。 








提问 : 这 里 
的 英文 字体 属于 
(粗细 》 哪 类 字体 ? 


字体 的 粗细 是 ji AE RU SL E 。 大 多 数字 体系 列 都 设计 为 包括 多 种 不 同 的 粗细 : 3$ 
规 (regular). THE (bold)， 可 能 还 EEN (semibold)、 极 粗 (extra bold)， 或 者 细 字 体 
(light)。 结 合 多 种 不 同 字体 粗细 时 ， 要 记 住 这 样 一 个 规则 : 不 要 太保 守 。 不 要 把 常规 粗细 与 半 
粗 体 对 比 ， 完 全 可 以 找 一 种 更 粗 的 字体 与 之 对 比 。 如 果 绪 合 两 种 不 同 字 体系 列 中 的 字体 ， 一 种 
字体 通常 比 男 一 种 要 粗 ， 所 以 要 特别 强调 。 


个 人 计算 机 默认 提供 了 一 些 字 体 ， 但 所 有 这 些 字 体 所 属 的 字体 系列 中 都 不 包括 非常 粗 的 粗 
体 。 衷 心 硕 望 你 至 少 引入 一 种 非常 粗 的 黑 粗 体 。 在 字体 表 中 查 查 看 ， 找 出 一 种 合适 的 字体 。 粗 
细 对 比 是 为 页 面 增加 视 党 歼 采 最 容易 而 且 最 有 效 的 方法 之 一 ， 而 且 无 需 重 新 做 任何 设计 。 只 是 
有 一 点 必须 明确 : 除非 有 一 种 笔划 很 粗大 的 字体 ， 否 则 得 不 到 这 种 漂亮 的 强烈 对 比 。 






































Formata Light 左边 是 同一 个 字体 系 

Formata Regular 列 的 例子 ， 但 粗细 不 同 。 

Formata Medium 注意 ， 细 字体 Aigh) 和 

Formata Bold 下 一 级 加 粗 字 体 《 有 不 同 

的 称呼 ， 可 以 称 为 regular、 

medium 或 book) 之 间 的 

Silica Extra Light 粗细 度 没 有 太 明 显 的 对 比 。 

Silica Regular d GR fk Csemibold) 

Silica Bold 和 和 粗 体 (bold) 之 间 也 不 

Silica Black 存在 强烈 的 对 比 。 如 果 你 

想 利用 粗细 来 形成 对 比 ， 

Garamond Light  g4 4 ERRARE. 

Garamond Book — 4i. 

Garamond Bold 
Garamond Ultra 


ANOTHER NEWSLETTER 


Headline 

Lorem ipsum dolor sit 
amet, consectetur adips 
cing elit, diam nonnumy 
eiusmod tempor incidunt 
ut lobore et dolore nagna 
aliquam erat volupat. At 
enim ad minimim veniami 
quis nostrud exercitation 
ullamcorper suscripit 
laboris nisi ut alquip exea 
commodo consequat. 


Another Headline 
Duis autem el eum irure 
dolor in reprehenderit in 
voluptate velit esse mol- 
eratie son conswquat, vel 
illum dolore en guiat nulla 
pariatur. At vero esos et 
accusam et justo odio dis- 
nissim qui blandit praesent 
lupatum delenit aigue duos 
dolor et. 


Molestais exceptur sint 
occaecat cupidat non 
provident, simil tempor 


Sirt in culpa qui officia 
deserunt aliquan erat 
volupat. Lorem ipsum 
dolor sit amet, consec 
tetur adipscing elit, diam 
nonnumy eiusmod tem 
por incidunt ut lobore 


First subhead 

Et dolore nagna aliquam 
erat volupat At enim ad 
minimim veni ami quis 
nostrud exer citation 
ullamcorper sus cripit 
laboris nisi ut al quip ex 
€a commodo consequat. 


Duis autem el eum irure 
dolor in rep rehend erit in 
voluptate velit esse moles 
taie son conswquat, vel 
illum dolore en gwat 
nulla pariatur. At vero 
esos et accusam et justo 
odio disnissim qui blan 
dit praesent lupatum del 
enit aigue duos dolor et 
molestais exeeptur sint cl 
eum irure dolor in repre- 


Another Newsletter 


Lorem ipsum dolor sit 
amet, consectetur adips 
cing elit, diam nonnumy 
eiusmod tempor incidunt 
ut lobore èt dolore nagna 
aliquam erat volupat. At 
enim ad minimim veniami 
quis nostrud exercitation 
ullamcorper suscripit 
laboris nisi ut alquip exea 
commodo consequat. 


Another Headline 


Duis autem el eum irure 
dolor in reprehenderit in 
voluptate velit essc mol- 
eratie son conswquat, vel 
illum dolore en guiat nulla 
pariatur. At vero esos et 
accusam et justo odio dis- 
nissim qui blandit praesent 
lupatum delenit aigue duos 
dolor et. 


Molestais exceptur sint 
occaecat cupidat non 
provident, simil tempor. 


Sirt in culpa qui officia 
deserunt aliquan erat 
volupat, Lorem ipsum 
dolor sit amet, consec 
tetur adipscing elit, diam 
nonnumy eiusmod tem 
por incidunt ut lobore 


First subhead 

Et dolore nagna aliquam 
erat volupat At enim ad 
minimim veni ami quis 
nostrud exer citation 
ullamcorper sus cripit 
laboris nisi ut al quip ex 
ca commodo consequat. 


Duis autem el eum irure 
dolor in rep rchend erit in 
voluptate velit esse moles 
taie son conswquat, vel 
illum dolore en guiat 
mulla pariatur. At vero 
esos et accusam et justo 
odio disnissim qui blan 
dit praesent lupatum del 
enit aigue duos dolor et 
molestais exeeptur sint 
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还 记得 本 书 第 分 中 的 这 些 例子 吗 ? 左边 使 用 了 计算 机 自 带 
的 字体 ， 标 题 采 zum Sii (Arial) 粗 体 ， 正 文采 用 Times Roman '£ 


规 字体 。 

右边 的 正文 字 仍 然 使 用 Times Roman 常规 字体 ， 不 过 在 此 我 使 
用 了 一 种 更 粗 (有 更 大 粗细 度 ) 的 字体 来 显示 标题 (Aachen 粗 体 )。 
只 是 做 了 这 样 一 a D (利用 更 粗 的 字体 来 形成 对 比 )， 就 能 
让 人 更 想 赔 读 这 个 页 面 。( 题 目 也 更 粗 ， 并 用 一 个 黑 框 反 色 来 增强 对 
比 效果 。) 


Mermaid Tavern 





Cheapside - sd a 





还 记得 前 面 的 这 个 例子 吗 ? 通过 把 公司 名 设置 为 小 写 而 不 
是 全 大 写 ， 现 在 不 仅 能 让 字体 更 大 ， 还 可 以 让 它 更 粗 ， 这 样 就 
uo TM 效果 。 更 粗 的 字体 会 在 名 
片上 形成 一 个 更 强烈 的 中 心 点 。 








粗细 对 比 不 仅 能 使 页 面 更 引 人 注 目 ， 也 是 组 织 信息 的 最 有 效 的 方式 之 一 。 实 际 上 ， 你 将 新 
闻 人 简报 标题 和 子 标题 设置 得 更 粗 时 已 经 在 做 这 个 工作 。 基 于 这 种 思想 ， 下 把 它 向 前 推进 一 步 。 
看 看 下 面 的 目录 ， 注 意 由 于 关键 标题 或 短 句 设置 得 非常 粗 ， 由 此 你 能 立即 领会 这 些 信息 的 层次 








这 种 技术 对 于 肥 引 也 很 有 和 用; 能 使 读者 一 眼 丈 看 出 一 个 索引 项 是 一 级 汉 引 还 是 二 级 索 
引 ， 这 样 束 能 消除 按 子 母 查找 时 经 营 出现 的 混乱 。 请 参考 本 书 的 索引 (或 者 我 的 任何 一 本 书 的 
索引 )。 
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db ea SË Fryet Te .nm 58 
HDCMONe RGD mi 59 Hormone Derange ................... 59 


让 各 章 的 标题 更 粗 ， 能 使 人 一 眼 就 看 出 哪些 是 重要 信息 ， 而 且 这 样 
还 能 更 强烈 地 吸引 我 们 的 视线 。 不 仅 如 此 ， 这 样 做 还 能 提供 一 种 重复 本 
大 基本 设计 原则 之 一 ， 还 记得 吧 ? )。 我 还 在 每 个 粗 标题 上 面 增 加 了 一 
空间 ， 这 样 标题 就 能 很 明确 地 与 它 的 子 标题 归 为 一 组 (没有 入 记 吧 ， 

是 杀 密 性 原则 )。 


字体 
Warnock Pro 常规 字体 
Ronnia 粗 体 
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如 果 你 的 页 面 看 上 去 “ 灰 乎 乎 的 ”( 有 大 篇 幅 的 文字 )， 而 且 没有 空间 来 增加 图 片 ， 也 无 法 
抽出 引用 文字 把 它们 设置 为 图 片 ， 就 可 以 用 非常 粗 的 粗 体 设置 关键 短 句 。 这 些 设置 会 把 读者 吸 
引 过 来 看 你 的 页 面 。( 如 果 在 serif 正文 中 间 使 用 粗 体 sans serif 强调 关键 语句 ， 可 能 必须 让 粗 体 
sans serif 字体 小 一 号 ， 使 之 看 上 去 与 serif 正文 的 大 小 相同 。) 





Wants pawn term 
dare worsted ladle 
gull hoe lift wetter 
murder inner ladle 
cordage honor itch of- 
ferlodge, dock, florist. 
Diskladle gull orphan 
worry putty ladle rat 
cluck wetter ladle rat 
hut, an fur disk raisin 
pimple colder Ladle 
Rat Rotten Hut. 

Wan moaning 
Ladle Rat Rotten 
Huts murder colder 
inset. 

Ladle Rat Rotten 
Hut, heresy ladle 
bsking winsome 
burden barter an 
shirker cockles. Tick 
disk ladle basking 
tutor cordage offer 
groin-murder hoe 
lifts honor udder sit 
offer florist. Shaker 
lake! Dun stopper 
laundry wrote! Dun 
stopper peck floors! 
Dun daily-doily in ner 


如 采 一 个 页 面 


florist, an yonder nor 
sorghum-stenches, 
dun stopper torque 
wet no strainers! 

Hoe-cake, murder, 
resplendent Ladle Rat 
Rotten Hut, and stut- 
tered oft oft. Honor 
wrote tutor cordage 
offer groin-murder, 
Ladle Rat Rotten Hut 
mitten anomalous 
woof. Wail, wail, wail, 
set disk wicket woof, 
Evanescent Ladle Rat 
Rotten Hut! Wares 
are putty ladle gull 
goring wizard cued 
ladle basking? 

Armor goring 
tumor oiled groin- 
murder's, reprisal 
ladle gull, Grammar's 
seeking bet. Armor 
ticking arson burden 
barter an shirker 
cockles. 

O hoe! Heifer 
gnats woke, setter 
wicket woof, butter 


taught tomb shelf, 
Oil tickle shirt court 
tutor cordage offer 
groin-murder. Oil 
ketchup wetter letter, 
and den—O bore! 

Soda wicket woof 
tucker shirt court, 
an whinny retched a 
cordage offer groin- 
murder, picked 
inner windrow, an 
sore debtor pore oil 
worming worse lion 
inner bet. 

Inner flesh, disk 
abdominal woof 
lipped honor bet, 
paunched honor pore 
oil worming, any gar- 
bled erupt. Den disk 
ratchet ammonol pot 
honorgroin-murder's 
nut cup an gnat-gun, 
any curdled ope inner 
bet, paunched honor 
pore oil worming, 
any garbled erupt. 
Innerladle wile, Ladle 
Rat Rotten Hut a raft 


Wants pawn term 
dare worsted ladle 
gull hoe lift wetter 
murder inner ladle 
cordage honor itch 
offer lodge, dock, flo- 
rist. Disk ladle gull 
orphan worry putty 
ladle rat cluck wet- 
ter ladle rat hut, an 
fur disk raisin pimple 
colder Ladle Rat Rot 
ten Hut. 

Wan moaning 
Ladle Rat Rotten 
Hut's murder colder 
inset. 

Ladle Rat Rotten 
Hut, heresy ladle 
bsking winsome 
burden barter an 
shirker cockles. Tick 
disk ladle basking 
tutor cordage offer 
groin-murder hoe 
lifts honor udder sit 
offer florist. Shaker 
lake! Dun stopper 
laundry wrote! Dun 
stopper peck floors! 


Dun daily-doilyin ner 
florist, an yonder nor 
sorghum-stenches, 
dun stopper torque 
wet no strainers! 

Hoe-cake, murder, 
resplendent Ladle Rat 
Rotten Hut, and stut- 
tered oft oft. Honor 
wrote tutor cordage 
offer groin-murder, 
Ladle Rat Rotten Hut 
mitten anomalous 
woof. Wail, wail, wail, 
set disk wicket woof, 
Evanescent Ladle Rat 
Rotten Hut! Wares 
are putty ladle gull 
goring wizard cued 
ladle basking? 

Armor goring 
tumor oiled groin- 
murder's, reprisal 
ladle gull. Grammar’s 
seeking bet. Armor 
ticking arson burden 
barter an shirker 
cockles. 

O hoe! Heifer 
gnats woke, setter 


wicket woof, butter 
taught tomb shelf, 
Oil tickle shirt court 
tutor cordage offer 
$roin-murder. Oil 
ketchup wetter letter, 
and den—O bore! 

Soda wicket woof 
tucker shirt court, 
an whinny retched a 
cordage offer groin- 
murder, picked 
inner windrow, an 
sore debtor pore oil 
worming worse lion 
inner bet. 

Inner flesh, disk 
abdominal woof 
lipped honor bet, 
paunched honor pore 
oil worming, any 
garbled erupt. Den 
disk ratchet am- 
monol pot honor 
$roin-murder's nut 
cup an gnat-gun, 
any curdled ope inner 
bet, paunched honor 
pore oil worming, any 
garbled erupt. Inner 


面 完 全 是 灰 平平 的 ， 偶 然 路 过 的 读者 可 能 不 愿意 继续 看 下 


去 。 但 是 利用 粗细 字体 的 对 比 ， 会 很 快 地 扫描 要 点， 而 且 深 入 阅读 


的 可 能 性 更 大 。 


当然 ， 有 时 候 读 者 只 想 看 普通 的 黑白 页 面 。 比 如 ， 读 一 本 书 的 时 候 ， 
本 
来 不 被 看 到 。 有 些 杂志 和 期 刊 更 倾向 于 将 黑白 页 面 的 外 观 设计 得 很 单一 ， 很 
正式 ， 因 为 他 们 的 读者 对 此 会 有 一 种 更 严谨 的 印象 。 每 件 章 物 都 有 它 适用 的 
场合 。 只 要 确保 你 创建 的 外 观 是 有 意识 地 去 这 么 做 的 就 可 以 了 。) 


读者 可 能 





字体 
Arno Pro 常规 字体 
Bailey Sans Extra 粗 体 


Ed | 第 二 部 分 字体 设计 





提问 : 这 里 
的 英文 字体 属于 
(结构 ) 郧 类 字体 ? 


字体 的 结构 是 指 这 种 字体 是 如 何 建立 的 。 可 以 想象 你 要 利用 库房 里 的 材料 建立 一 个 字体 。 
有 些 字 体 建 立时 粗细 很 单一 ， 笔 划 里 几乎 没有 能 辨别 的 粗细 变化 ， 就 好 像 是 用 粗细 相同 的 钢管 
建立 的 一 样 〈 如 大 多 数 sans serif 字体 )。 其 他 字体 的 建立 则 非常 强调 粗 / LUE. NU E OS 
桩 的 栅栏 (如 modern 字体 )。 还 有 一 些 字 体 则 介 于 二 者 之 间 。 如 果 你 要 结合 使 用 来 自 两 种 不 同 
字体 系列 中 的 字体 ， 就 要 使 用 不 同 结构 的 字体 系列 。 

















还 记得 这 一 部 分 前 面 关 于 不 同学 体 类 别 的 内 容 吗 ? 不 错 ， 这 里 要 用 到 那些 内 容 。 每 种 类 别 
都 有 类 似 的 结构 。 所 以 ， 如 有 果 从 两 个 或 多 个 类 别 中 选择 两 个 或 多 个 字体 ， 应 该 是 一 个 不 错 的 字 
体 方案 。 


小 测验 : 
Ode Ode Ode 你 能 说 出 这 里 表 
示 的 每 一 种 字体 类 别 


Ode Ode Ode 号 《每 条 全 对 应 一 个 
Ode Ode Ode 
Ode Ode Ode 


结构 是 指 一 种 字体 如 何 构 建 ， 而 且 正 如 此 例 所 示 ， 
每 个 类 别 的 结构 有 很 大 差别 。 


Robin 原则 : 不 要 把 同一 个 类 别 中 的 两 种 字体 放 在 
同一 个 页 面 上 。 它 们 之 间 的 相似 性 是 无 法 避免 的 。 不 仅 
如 此 ， 你 还 有 那么 多 其 他 的 选择 一 一 为 什么 要 让 生活 更 
艰难 呢 ? 


为 尽管 这 个 概念 很 简 
单 ， 但 非常 重要 
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你 读 过 The Mac is not a typewriter 或 The PC is not a typewriter 四? (如 果 还 没有 ， 真 应 该 
好 好 读 一 谈 )。 在 那 两 本 书 里 ， 我 指出 不 要 把 两 种 sans serif 字体 放 在 同一 个 页 面 上 ， 而 且 不 能 
把 两 种 serif 字体 放 在 同一 个 页 面 上 ， 除 非 你 经 过 一 些 排 版 培训 。 如 果 说 以 上 就 是 你 的 排版 培 
训 ， 某 种 情况 这 么 做 也 确实 是 允许 的 ， 即 在 同一 个 页 面 上 设置 两 种 sans serif 字体 或 两 种 serif 
TIE. 


不 过 这 样 做 有 一 个 原则 ， 要 求 必 须 选 取 两 个 不 同 字 体 类 别 中 的 字体 。 也 就 是 说 ， 可 以 使 
用 两 种 serif， 只 要 其 中 一 种 是 oldstyle 字体 ， 而 另 一 个 是 modern 或 slab serif 字体 。 即 便 如 此 ， 
还 是 必须 非常 小 心 ， 而 且 要 特别 强调 对 比 ， 但 不 管 怎 么 说 这 么 做 确实 是 可 以 的 。 











采用 同样 的 思想 ， 要 避免 同一 个 页 面 上 出 现 两 种 oldstyle 字体 ， 它 们 存在 太 多 的 相似 性 ， 
不 论 你 怎么 做 冲突 都 在 所 难免 。 出 于 同样 的 原因 ， 应 当 避 免 同 时 设置 两 种 modern 或 两 种 slab 
字体 。 另 外 还 要 避免 在 同一 个 页 面 上 使 用 两 种 script 字体 。 


r 这 么 小 小 的 一 段 引 
You can't let 用 文字 中 居然 用 到 了 5 
the seeds 种 不 同 的 字体 。 总 体 看 


上 去 并 不 太 坏 ， 原 因 只 

stop youl 有 一 点 : 每 个 字体 各 自 
都 有 不 同 的 结构 ; 它们 

from enjoying 都 来 自 不 同 的 字体 类 别 。 


字体 

Formata 粗 体 (sans serif) 

Bauer Bodoni Roman (modern) 
JESAiz&—ixozanlzx(-1LizJ serif) 
Goudy Oldstyle (oldstyle) 

Celle, Volante Gcr. e) 











不 同 的 字体 最 初 看 上 去 就 像 动物 园 里 的 老虎 难以 区 分 。 所 以 ， 如 果 你 刚刚 了 解 到 字体 结构 
存在 差异 的 有 关 概 念 《一 种 字体 看 上 去 不 同 于 另 一 种 字体 )， 要 想 选 择 有 对 比 的 结构 ， 一 种 容 
易 的 方法 就 是 选择 一 个 serif 字体 和 一 个 sans serif 字体 。serif 字体 的 结构 中 通常 存在 粗 / 细 对 
L^, sans serif 字体 则 往往 有 一 致 的 粗细 。 将 serif 5 sans serif 结合 ， 这 是 一 种 经 过 了 时 间 检 验 
CAN S c ^d, EPER- MATRALA, DUE E E AR e 

还 不 够 ; 还 需要 与 其 他 对 比 相 结合 ， 如 同时 利用 大 小 或 粗细 对 比 来 强调 差异 。 


"#-ž_— sans serif 


mast vs. serif 


20 点 


可 以 看 到 ， 仅 依靠 结构 
对 比 并 不 足以 有 效 地 体现 字 
AK x e 


Oiled Mudder Harbored 
Oiled Mudder Harbored 

Wen tutor cardboard 

Toe garter pore darker born. 
Bud wenchy gut dare 

Door cardboard worse bar 

An soda pore dark hat known. 


如 上 例 所 示 ， 结 合 使 用 有 两 
种 不 同 结构 的 字体 还 不 够 。 这 样 





对 比 还 很 能 必须 特别 强调 二 
者 的 差别 。 

字体 

rrc Garamond 细 体 

Folio 细 体 


Warnock Pro 细 体 
Antique Olive Roman 及 黑体 


sans serif vs. ini D 致 
DEI ee 


50 扣 
不 过 如 果 加 大 元 素 的 大 小 
对 比 一 一 不 得 了 ! 看 看 现在 的 


ERA! 


Oiled Mudder Harbored 
Oiled Mudder Harbored 

Wen tutor cardboard 

Toe garter pore darker born. 
Bud wenchy gut dare 

Door cardboard worse bar 

An soda pore dark hat known. 


现在 就 好 得 多 了 ! 将 题目 
加 粗 ， 可 以 突出 两 种 字体 结构 之 
间 的 差别 一 一 还 能 加 强 二 者 的 对 
| 


W 
X 
— 


字体 对 比 





在 一 个 页 面 上 同时 设置 两 种 sans serif 字体 往往 很 困难 ， 因 为 它们 只 有 一 种 结构 ， 即 粗细 
一 致 。 如 果 你 特别 聪明 ， 也 许 能 做 到 同时 设置 两 种 sans serif 字体 〈 有 很 少 的 几 种 sans serif 字 
体 笔划 中 存在 粗 / 细 过 渡 ， 如 果 你 用 到 这 其 中 的 某 种 字体 ， 确 实 能 达到 目的 )， 不 过 ， 并 不 建 
议 做 这 种 尝试 。 不 要 试图 结合 两 种 sans serif 字体 ， 而 应 当 使 用 一 个 sans serif 系列 中 的 不 同 成 
员 采 用 其 他 方式 建立 对 比 。sans serif 字体 系列 通常 提供 了 完备 的 字体 集 ， 从 很 细 的 字体 ， 到 非 
各 粗 的 字体 都 一 应 俱全 ， 而 且 通 党 还 包括 压缩 或 扩展 字体 〈 人 参见 第 174 — 177 KARD PX EE 
的 说 明 )。 














Your 
attitude 





看 看 ， 这 里 同时 出 现 了 两 种 serif 
字体 ! 不 过 注意 每 种 字体 分 别 有 不 同 
的 结构 ， 一 种 来 自 modern 23], 7 


一 种 来 自 slab serif。 我 还 在 其 他 方面 
增加 了 对 比 ， 你 说 找 出 这 些 对 比 吗 ? 


IS your 


TT 这 里 出 现 了 两 种 sans serif 字体 ， 
MAXIMIZE 不 过 请 注意 ， 我 结合 使 用 了 一 种 粗细 
your options, 一 致 的 sans 字体 和 为 数 不 多 的 一 种 有 
she said with a smile. 粗 / 细 过 滤 的 sans serif， 这 就 带 来 了 
不 同 的 结构 。 我 还 通过 使 用 全 大 写 、 
加 大 字体 大 小 、 使 用 粗 体 以 及 roman 

字体 尽 可 能 地 增强 这 种 对 比 。 


这 里 的 3 种 sans serif 字体 能 很 好 


to 地 结合 使 用 。 不 过 这 3 种 字体 都 来 自 
同一 个 系列 的 Universe， 分 别 是 Ultra 

UTS Condensed, Bold 和 Extra Black. 1E 

是 因为 这 种 原因 ， 上 所 以 至 少 要 引入 一 


种 包含 大 量 不 同 成 员 的 sans serif 字体 
系列 (要 求 有 各 种 不 同 的 粗细 )。 要 
充分 强调 它们 的 对 比 ! 








提问 :这 里 
的 英文 字体 属于 
(形状 ) qM 





字母 的 形状 是 指 它 的 外 形 。 字 符 可 能 有 相同 的 结构 ， 但 是 “形状 ”不 同 。 例 如 ， 大 写字 母 


“G” 与 同一 个 系列 中 的 小 写字 母 “g” 


结构 相同 。 不 过 ， 它 们 的 具体 形状 彼此 完全 不 同 。 可 以 


简单 地 把 形状 对 比 认为 是 大 写 与 小 写 的 对 比 。 





G g 
A a 
B b 
H h 
E e 


这 些 大 写字 母 的 形 
状 (warnock Pro Light 
Display) 与 小 写字 母 的 形 
状 截然 不 同 。 所 以 大 写 与 
小 写 的 对 比 是 另 一 种 字体 
对 比方 法 。 

你 可 能 早已 经 这 样 做 
过 ， 不 过 现在 可 以 更 有 意 
识 、 更 充分 地 利用 它 可 能 
带 来 的 对 比 效果 。 
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各 个 大 写字 母 的 形状 不 同 于 相应 的 小 写字 母 ， 除 此 以 外 ， 如 果 一 个 词 采用 全 大 写 ， 整 个 词 
的 形状 也 与 小 写 词 不 同 。 正 是 由 于 这 个 原因 ， 使 得 全 大 写 很 难 读 。 我 们 认 一 个 词 不 仅 是 从 它 的 
各 个 字母 来 认 ， 还 会 根据 其 形状 来 辨认 ， 即 整个 词 的 形状 。 所 有 设置 为 全 大 写字 母 的 词 都 有 类 
似 的 形状 〈 即 都 是 矩形 )， 如 下 面 第 一 幅 图 所 示 ， 为 此 我 们 不 得 不 逐 字母 地 认 单词 。 





我 一 直 在 反复 强调 不 要 使 用 全 大 写 ， 你 可 能 耳 东 都 听 出 老 划 了 。 我 并 不 是 说 永远 都 不 要 使 
用 全 大 写 。 显 然 ， 全 大 与 并 不 是 完全 不 能 读 。 只 是 要 当心 ， 完 全 使 用 大 与 会 降低 可 识别 性 和 可 
读 性 。 有 时 你 可 能 会 有 异议 ， 认 为 从 你 的 作品 设计 “外 观 ” 来 看 ， 使 用 全 大 写 很 合适 ， 没 错 ! 
不 过 ， 你 也 必须 承认 ， 单 词 读 起 来 不 太 容 易 。 尺 管 全 大 写 会 降低 可 读 性 ， 但 是 如 果 你 很 肯定 全 
大 写 对 设计 外 观 寓 来 的 好 处 更 有 意义 ， 相 比 之 下 利 大 于 弊 ， 那 么 完全 可 以 继续 使 用 全 大 写 。 





TITIO 
GIRAFFE TURTLE 


每 一 个 全 大 写 的 词 都 有 同样 的 形状 EX. 











大 小 写 的 对 比 ( 形 状 对 比 ) 通常 还 需要 利用 其 他 对 比 来 


写 
加 强 。 这 


个 例子 中 只 增加 了 大 小 对 比 。 








另 一 种 明显 的 形状 对 比 是 roman 字体 与 italic 字体 的 对 比 。roman 表示 所 有 字体 中 从 上 到 


下 竖 直 的 字体 ， 这 不 同 于 italic 或 script 字体 〈 这 些 字体 是 倾斜 而 且 /或 者 漂浮 的 )。 可 以 将 一 
个 词 或 短 句 设置 为 italic 字体 ， 以 一 种 柔和 的 方式 进行 强调 ， 这 是 你 很 熟悉 的 一 个 概念 ， 可 能 





经 常 在 使 用 。 
G g nerdette 


G g nerdette 


Be far flung away 
Be far flung away 


Be far flung away 
Be far flung away 











第 — (1 x roman 字体 ， 
第 二 行使 用 的 是 italic 字体 。 
它们 部属 于 nofret 字体 ， 结 构 
完全 相同 ， 但 是 形状 不 同 。 


要 特别 注意 “ 真 绘 ”italic 
(第 一 行 ) 并 不 是 简单 地 将 
roman (第 二 行 ) 倾斜 。 这 些 
字体 已 经 重 绘 为 不 同 的 形状 。 
仔细 看 这 两 行 中 f、 a g y 
和 ee 之 间 的 差别 (两 行 都 使 用 
相同 的 字体 )。 


sans serif F f 3 d? OC E 
不 总 是 ) 有 “倾斜 ”版 本 ， 看 
上 去 就 好 像 字 和 母 放 焉 了 。 它 
们 的 roman 和 oblique 形状 相 
互 之 间 没 有 太 大 的 差别 。 


"Yes, oh, yes, she chirped. 
"Yes, oh, yes," she chirped. 


这 两 个 句子 中 哪 一 个 包含 采用 假 italic 字体 的 单词 ? 
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由 于 所 有 script 和 italic 字体 都 有 一 种 倾 竹 和 /或 漂浮 的 形状 ， 要 记 住 重要 的 一 点 ， 不 要 
结合 使 用 两 种 不 同 的 italic 字体 或 者 两 种 不 同 的 script 字体 ， 也 不 要 结合 使 用 一 个 italic 和 一 
个 script。 这 样 做 只 会 带 来 冲突 它们 存在 太 多 的 相似 性 。 邓 好， 找到 一 种 好 的 字体 来 连接 
script 或 italic 并 不 困难 。 








C Cos. I ket 
There is no shortcut. 


你 认为 这 两 个 字体 放 在 一 起 怎么 样 ? 
是 不 是 哪里 出 错 了 ? 这 会 让 你 不 舒服 吗 ? 
这 个 结合 的 一 个 问题 是 ， 两 种 字体 都 有 相 
同 的 形状 ， 都 是 弯曲 的 、 漂 浮 的 。 必 须 改 
变 其 中 一 个 字体 。 改 变 成 什么 呢 ? CERRO 


不 错 ， 一 种 字体 必须 改 为 某 种 Roman. 
做 这 个 改变 时 ， 还 可 以 让 新 字体 的 结构 完 
全 不 同 〈 即 结构 没有 粗 / 细 过 渡 )。 另 外 
人 


there cs no shortcut 


字体 

haiime 

Goudy Oldstyle 斜体 
Aachen 1815 











提问 : x E 
的 英文 字体 属于 
哪 类 字体 ? 


Direction. 

















字体 “方向 ”的 意思 很 直观 ， 就 是 文字 有 一 定 倾斜 度 。 显 而 易 见 ， 对 此 我 只 想 指出 一 点 : 
不 要 设置 方向 。 不 错 ， 有 时 你 可 能 想 这 么 做 ， 但 是 只 有 当 你 能 明确 地 说 出 原因 时 才 可 以 设置 有 
方 癌 的 文本 ， 你 要 能 够 说 明 为 什么 这 种 字体 必须 有 方向 ， 为 什么 它 能 增加 美感 或 促进 表达 。 例 
如 ， 可 能 你 会 说 :“ 这 个 霖 艇 通知 确实 应 当 辐 右倾 斜 一 个 角度 ， 因 为 这 个 角度 可 以 使 页 面 产生 
一 种 向 前 的 动力 。” 或 者 说 :“ 重 复 这 个 有 角度 的 字体 ， 可 以 产生 一 种 断 奏 的 效果 ， 这 能 突出 我 
f HSIBBUELESCTEIm BU CSS" DES. a TETEIBUS HUSUR fB REB HS. 











ute 向 右 向 上 倾斜 的 字体 产生 
ut e! _ 种 前 进 的 力量 。 向 下 倾斜 的 

字体 会 产生 一 种 反 向 的 力量 ，。 
有 时 可 以 充分 利用 方向 所 药 涵 
的 含义 。 


有 时 字体 方向 的 突然 改变 


Amusing, Tantalizing, and Educative 


the shakespeare papers 





Lorem ipsum dolor sit amet, 
consectetur adips cing elit, 
diam nonnumy eiusmod 
tempor incidunt ut lobore 
et dolore nagna aliquam erat 
volupat, At enim ad minimim 
veniami quis nos trud ex 
ercitation ullamcorper sus 
cripit laboris nisi ut alquip 
exca commodo consequat. 


Unexpected 

Duis autem el eum irure 
dolorin reprehenderit in volu 
ptate velit esse moleratie son 
conswquat, vel illum dolore 
en guiat nulla pariatur. At 
vero esos et accusam et justo 
odio disnissim qui blandit 
pra esent lupatum delenit ai 


gue duos dolor et. Moleetaie 


exceptur sint occaecat cupidat 
non pro vident, simil tempor. 
Sirt in culpa qui officia des 
erunt aliquan erat volupat. 
Lorem ipsum dolor sit amet, 
consec tetur adip scing elit, 
diam no numy eiusmod tem 
per incidunt ut lobore. 


Intriguing and 
Controversial 
Et dolore nagna aliquam erat 
volupat. At enim ad minimim 
veni ami quis nostrud exer 
citation ulla mcorper sus cripit 
laboris nisi ut al quip ex ea 
commodo consequat. 

Duis autem el eum irure 
dolor in rep rehend erit in 
prolesto maheminit and smit 


off their heads forthwith. 


VOLUPTATE VELIT ESSE moles taie son conswquat, vel illum 
dolore en guiat nulla pariat ur. Åt vero esos et accusam et justo 
odio disnissim qui blan dit praesent lupatum del enit aigue 
duos dolor ct mol estais exceptur sint. El cum irure dolor in 
rep rehend erit in voluptate. At enim ad minimim veniami 
quis nostrud ex ercitation ullamcorper sus cripit laboris nisi 
ut alquip excea commodo consequat, Et dolore nagna aliquam 
erat volupat. At enim ad minimim veni ami quis nostrud 
exer citation ulla mcorper sus cripit laboris nisi ut al quip ex 
ca commodo consequat. Vero esos et accusam et justo odio 
disnissim qui blan dit praesent. 


会 产生 显著 的 影响 ， 或 者 提供 
一 种 独特 的 格式 ， 这 是 使 用 字 
体 方向 的 一 种 很 好 的 理由 。 


字体 
Zountain Pen 
Formata 细 体 及 粗 体 


Brioso Pro Caption 
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不 过 ， 对 于 “方向 ”还 有 另 一 种 解释 。 尽 管 页 面 上 文本 元 素 很 普 志 ， 但 每 个 文本 元 素 都 有 
—^ Jr]. —fOORABUSIKOEZr I6). 78 IESBJ— PIX EXSBUJ3E HIR). XCEXUOE RB; In] 
变化 可 以 形成 有 趣 的 对 比 。 例 如 ， 一 个 粗 体 标题 在 水 平方 向 覆盖 双 页 ， 而 正文 分 别 放 在 一 系列 
瘦 高 的 列 中 ， 这 会 产生 一 种 有 趣 的 方向 对 比 。 








Expe ricn E 


teaches 
you to 
recognize 


a mistake -— 





如 果 布 局 中 可 能 存在 方向 
when 的 对 比 ， 那 就 充分 进行 强调 。 
比如 在 水 平方 向 使 用 一 种 扩展 
you ve 字体 ， 而 在 垂直 方向 使 用 一 种 
高 字体 。 可 以 通过 增加 额外 的 
made it 行 间距 强调 垂直 方向 ， 如 果 合 
适 ， 还 可 以 设置 比 原 计划 更 窗 

again. 的 列 突出 垂直 方向 。 


字体 


Sneakers WrmaWidlee 
Coquette 常规 字体 
Adobe Wood Type Ornaments Two 











实现 字体 方 回 对 比 时 还 可 以 介入 布局 中 的 其 他 部 分 ， 如 结合 图 片 或 线条 来 强调 方向 或 形成 
JT 81 25. 


STAFF AND FACULTY 


Lorem ipsum dolor sit amet fur gravenstein, pro lipsum dictrep amesterpan et pliscudd, tak dropreim em. 












A little bit 
about a life. 






Staff name 
and bio. 
A little bit 


about a life. 





Staff name Staff name 字体 
A little bit A little bit A little bit A little bit 1 . 
about a life. about a life. about a life. about a life. About a life. ITC American Typewriter 


中 粗 体 及 粗 体 


MiniPics HeadBuddies: 


可 以 在 布局 中 结合 长 的 水 平行 和 瘦 高 的 列 ， 这 种 别致 的 布局 很 常见 。 在 
这 里 对 齐 是 一 个 关键 因素 ， 明 确 的 对 齐 线 将 突出 并 加 强 方向 的 对 比 。 


soch 
and 
Dustin 







在 这 个 合子 中 ， 图 像 又 胖 又 
大 ， 这 与 文本 的 方向 产生 了 一 种 


shoes 


| c Y 7 一 N 
2 不 平衡 ， 尽 管 文本 本 身 很 细 来 提 
drama 供 其 H 身 的 平衡 o 
7 Swan Lane 
Wilton 字体 
Wiltshire Industria Solid 
505.123.4567 Cotoris 粗 体 
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下 面 的 例子 中 存在 明确 而 强烈 的 方向 对 比 。 不 过 除 此 以 外 ， 这 里 还 应 用 了 为 外 的 哪些 对 比 
来 加 强 这 个 作品 的 效果 呢 ? 这 个 布局 中 有 三 种 不 同 的 字体 一 一 为 什么 它们 能 很 好 地 结合 ? 


还 要 注意 ， 材 质 是 由 不 同 字体 的 结构 、 行 间距 、 字 母 间 距 、 粗 细 度 、 大 小 和 形状 共同 创造 
的 。 如 有 果 字 母 都 或 起 ， 可 以 用 手指 触摸 ， 每 种 字体 的 对 比 还 会 带 来 一 种 材质 的 对 比 ， 你 可 以 从 
视觉 上 “感受 ”到 这 种 材质 。 这 是 字体 的 一 个 很 微妙 但 很 重要 的 部 分 。 应 用 其 他 对 比 时 会 目 动 
出 现 不 同 的 材质 ， 不 过 有 意识 地 注意 材质 及 其 效果 很 有 好 处 。 


MARY SIDNEY 


COUNTESS OF PEMBROKE === 


impatient grief? Or 


IF IT'S BEEN] where shal 1 unfoia 


my inward pain, that 
SAID INI. ny enriven heart may 


Jt, JU 分 钟 来 说 明 pi ft find relief? 
ENGLISH, To heavens? Ah, they 





么 这 3 种 学 体 能 一 同 使 用 o alas the authors were, 
一 Hm I MARY and workers of my 

如 ES 标 je iu 择 全 *X E- SAID IT unremedied woe: for 

` N they foresee what to us 

的 modern zc 体 ， 3i D A 文本 here, and they 
选择 哪 种 字体 合适 ? EET VR, tomes mi acf 


或 者 如 X 短 小 的 7| To men? Ah, they alas 


like wretohed bo, and 


用 x a iu 择 了 一 种 modern subject to the heavens 
` - SEN ordinance: Bound to 
X 体 ? 标 题 2 TA. zd 择 哪 T 中 &bide what ever they 
2 decree, their best 
X 体 ? redress is their best 


sufferance. 

Then to my self will I 

my sorrow mourn, 
Je none alive like 

sorrowful remains, and 

to my self my plaints 





shall back return, to 
pay their usury with 


doubled pains. 


字体 

Bodoni Poster Compressed 

Eurostile Bold Extended 2 
ITC American Typewriter 中 粗 体 





提问 : 这 里 
| 的 英文 字体 属于 
(颜色 ) 哪 类 字体 ? 














类 似 于 方向 ， 颜 色 的 意思 也 显而易见 。 关 于 如 何 使 用 颜色 ， 我 只 想 声明 一 点 ， 要 记 住 暖色 
a BO) 是 前 进 型 的 ， 会 引起 我 们 的 注意 。 我 们 的 眼睛 很 受 暖色 的 吸引 ， 所 以 只 需 很 少 
的 一 点 红色 就 可 以 产生 对 比 。 另 一 方面 ， 冷 色 ( 蓝 色 、 绿 色 ) 则 是 远离 型 的 ， 总 是 在 我 们 的 视 
线 中 后 退 。 即 使 更 大 的 区 域内 都 是 冷色 你 也 未 必 能 注意 到 ， 实 际 上 ， 需 要 更 多 的 冷色 才能 产生 
有 效 的 对 比 。 





nodi 注意 ， 尽 管 “Scarlett” 要 小 得 


多 ， 但 它 还 是 最 醒目 ， 原 因 就 在 二 宅 
FLORENCE se 


We 


FL REN E 这 eres MAN FESTARAR 


情况 一 一 或 是 利用 这 一 效果 。 


Scarlett 
1E “Scarlett” 12 2] 3€ 3E & .. TE E 


FLORENCE wr 


要 有 效 地 与 一 个 冷色 进行 对 比 ， 


FLORENCE seen 


字体 
Thelle UN o9 blante Cove 
Goudy Oldstyle 





不 过 ， 排 版 人 员 通 常 称 页 面 上 的 黑白 文字 有 颜色 。 
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“多 姿 多 彩 ” 的 颜色 很 容易 产生 对 比 ; 


而 对 于 器 日 文本 ， 要 看 出 并 利用 它 的 颜色 对 比 ， 则 需要 更 敏锐 的 眼睛 。 
在 下 面 的 引用 文字 中 ， 可 以 很 容易 地 看 到 黑 日 文本 中 的 不 同 “ 颜 色 ”。 


66 颜色 » 








EHATE AA JENA. FENNE 





s 间 、 凶 母 间 间 距 、 行 间距 、 字 体 


大 小 或 x-height 大 小 等 产生 的 。 即 使 是 同一 个 字体 ， 也 可 以 创建 不 同 的 颜色 。 


字体 


Just as the voice adds emphasis 
to important words, so can type: 
it shouts or whispers 
by variation of size. 


Just as the pitch of the voice adds 
interest to the words, SO can type: 

it modulates by lightness 
or darkness. 


Just as the voice adds color to the 
words by inflection, so can type: 
it defines elegance, 
dignity, toughness 

by choice of face. 


Jan V. White 





Cochin 中 粗 体 及 斜体 
Eurostile Bold Extended 2? 


PK ze HK HD X RU. X] 


惯 于 把 文字 不 同 程度 的 黑色 理解 为 
* ER £5". 








量 文本 的 页 面 来 说 ， 这 和 是 一 种 非常 有 用 的 对 比 。 


如 果 一 个 页 面 中 只 有 文本 ， 看 上 去 一 片 灰 色 ， 会 显得 很 乏味 ， 让 人 不 想 去 读 。 
混乱 : 在 下 面 的 例子 中 ， 这 两 个 故事 彼此 之 则 有 关系 吗 ? 


Ladle Rat Rotten Hut 


Wants pawn term dare worsted ladle 
gull hoe lift wetter murder inner ladle 
cordage honor itch offer lodge, dock, 
florist. Disk ladle gull orphan worry 
Putty ladle rat cluck wetter ladle rat hut, 
an fur disk raisin pimple colder Ladle Rat 
Rotten Hut. 


Wan moaning Ladle Rat Rotten Hut's 
murder colder inset. “Ladle Rat Rotten 
Hut, heresy ladle basking winsome 
burden barter an shirker cockles. Tick 
disk ladle basking tutor cordage offer 
groin-murder hoe lifts honor udder site 
offer florist. Shaker lake! Dun stopper 
laundry wrote! Dun stopper peck floors! 
Dun daily-doily inner florist, an yonder 
nor sorghum-stenches, dun stopper 
torque wet strainers!” 

"Hoe-cake, murder;' resplendent Ladle 
Rat Rotten Hut, an tickle ladle basking 
an stuttered oft. Honor wrote tutor 
cordage offer groin-murder, Ladle Rat 
Rotten Hut mitten anomalous woof. 

“Wail, wail, wail!” set disk wicket 
woof, “Evanescent Ladle Rat Rotten Hut! 
Wares are putty ladle gull goring wizard 
ladle basking?” 

“Armor goring tumor groin-murder's; 
reprisal ladle gull. “Grammar’s seeking 
bet. Armor ticking arson burden barter 
an shirker cockles” 

“O hoe! Heifer gnats woke; setter 
wicket wool, butter taught tomb shelf, 
"Oil tickle shirt court tutor cordage 
offer groin-murder. Oil ketchup wetter 
letter, an den—O bore!” 

Soda wicket woof tucker shirt court, 
an whinny retched a cordage offer 


这 是 新 闻 报 道 或 其 他 出 版 物 中 很 典型 的 一 个 页 面 。 单 一 的 灰色 无 法 吸引 
你 的 眼睛 ; 实在 没什么 能 引起 人 的 兴趣 去 深入 地 阅读 。 


PE o o oo 
Warnock Pro 常规 字体 及 斜体 


groin-murder, picked inner windrow, an 
sore debtor pore oil worming worse lion 
inner bet. Inner flesh, disk abdominal 
woof lipped honor bet, paunched honor 
pore oil worming, an garbled erupt. 
Den disk ratchet ammonol pot honor 
groin-murder's nut cup an gnal-gun, any 
curdled ope inner bet. 

Inner ladle wile, Ladle Rat Rotten Hut 
a raft attar cordage, an ranker dough 
ball. “Comb ink, sweat hard; setter 
wicket woof, disgracing is verse. Ladle 
Rat Rotten Hut entity bet rum, an stud 
buyer groin-murder's bet. 

^O Grammar!" crater ladle gull 
historically, "Water bag icer gut A 
nervous sausage bag ice!" 

"Battered lucky chew whiff, sweat 
hard;' setter bloat-Ihursday woof, wetter 
wicket small honors phase. 

^O, Grammar, water bag noise! 
A nervous sore suture anomalous 
prognosis!" 

“Battered small your whiff, doling; 
whiskered dole woof, ants mouse worse 
waddling. 

“O Grammar, water bag mouser gul! 
A nervous sore suture bag mouse!” 

Daze worry on-forger-nut ladle gull's 
lest warts. Oil offer sodden, caking offer 
carvers an sprinkling otter bet, disk 
hoard-hoarded woof lipped own pore 
Ladle Rat Rotten Hut an garbled erupt. 


Mural: Yonder nor sorghum stenches 
shut ladle gulls stopper torque wet 
strainers. 

—H. Chace 
Anguish Languish 


Old Singleton 
... Singleton stood at the door with his face 
to the light and his back to the darkness. 
And alone in the dim emptiness of the 
sleeping forecastle he appeared bigger, 
colossal, very old; old as Father Time 
himself, who should have come there 
into this place as quiet as a sepulcher to 
contemplate with patient eyes the short 
victory of sleep, the consoler. Yet he was 
only a child of time, a lonely relic of a 
devoured and forgotten generation. He 
stood, still strong, as ever unthinking; a 
ready man with a vast empty past and with 
no future, with his childlike impulses and 
his man's passions already dead within his 
tattooed breast. 

一 Joseph Conrad 





很 细 、 很 薄 的 字体 中 字母 间 间 距 和 行 间距 较 大 ， 这 会 创建 一 种 非常 淡 的 颜色 (和 材质 )。 
紧 紧 压缩 在 一 起 的 粗 体 sans serif 则 会 创建 一 种 深 色 (有 不 同 的 材质 )。 对 于 没有 图 片 但 包含 大 





这 还 


S 
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如 果 对 标题 和 子 标题 使 用 一 种 更 粗 的 字体 来 增加 一 些 “颜色 ”， 或 者 将 一 个 引用 文字 、 自 
洲 或 小 故事 设置 为 显然 不 同 的 另 一 种 “颜色 ”读者 将 更 有 可 能 在 这 一 页 上 停 下 来 ， 真 正 阅读 
它 的 内 容 。 这 正 是 我 们 的 目的 ， 不 是 吗 ? 


除了 让 页 面 更 吸引 人 ， 颜 色 的 改变 还 有 助 于 组 织 信息 。 
定 页 面 上 有 两 个 单独 的 故事 。 








在 下 面 的 例子 中 ， 可 以 更 清楚 地 确 


Ladle Rat Rotten Hut 


Wants pawn term dare worsted ladle 
gull hoe lift wetter murder inner ladle 
cordage honor itch offer lodge, dock, 
florist. Disk ladle gull orphan worry 
Putty ladle rat cluck wetter ladle rat hut, 
an fur disk raisin pimple colder Ladle Rat 
Rotten Hut. 

Wan moaning Ladle Rat Rotten Hut's 
murder colder inset. “Ladle Rat Rotten 
Hut, heresy ladle basking winsome 
burden barter an shirker cockles. Tick 
disk ladle basking tutor cordage offer 
groin-murder hoe lifts honor udder site 
offer florist. Shaker lake! Dun stopper 
laundry wrote! Dun stopper peck floors! 
Dun daily-doily inner florist, an yonder 
nor sorghum-stenches, dun stopper 
torque wet strainers!” 

"Hoe-cake, murder? resplendent Ladle 
Rat Rotten Hut, an tickle ladle basking an 
stuttered oft. Honor wrote tutor cordage 
offer groin-murder, Ladle Rat Rotten Hut 
mitten anomalous woof. 

“Wail, wail, wail!” set disk wicket woof, 

“Evanescent Ladle Rat Rotten Hut! Wares 
are putty ladle gull goring wizard ladle 
basking?” 

“Armor goring tumor groin-murder's;" 
reprisal ladle gull. “Grammar’s seeking 
bet. Armor ticking arson burden barter 
an shirker cockles” 

“O hoe! Heifer gnats woke? setter 
wicket woof, butter taught tomb shelf, 

"Oil tickle shirt court tutor cordage offer 
groin-murder. Oil ketchup wetter letter, 
an den—O bore!” 

Soda wicket woof tucker shirt court, 
an whinny retched a cordage offer 


groin-murder, picked inner windrow, an 
sore debtor pore oil worming worse lion 
inner bet. Inner flesh, disk abdominal 
woof lipped honor bet, paunched honor 
pore oil worming, an garbled erupt. 

Den disk ratchet ammonol pot honor 
groin-murder's nut cup an gnat-gun, any 
curdled ope inner bet. 

Inner ladle wile, Ladle Rat Rotten Hut 
a raft attar cordage, an ranker dough ball. 

“Comb ink, sweat hard; setter wicket 
woof, disgracing is verse. Ladle Rat 

Rotten Hut entity bet rum, an stud buyer 
groin-murder's bet. 

“O Grammar!” crater ladle gull 
historically, “Water bag icer gut! A 
nervous sausage bag ice!" 

"Battered lucky chew  whiff, sweat 
hard; setter bloat- Thursday woof, wetter 
wicket small honors phase. 
^O, Grammar, water bag noise! 
A nervous sore suture anomalous 
prognosis!" 

“Battered small your whiff, doling; 
whiskered dole woof, ants mouse worse 
waddling. 

“O Grammar, water bag mouser gut! 
A nervous sore suture bag mouse!” 

Daze worry on-forger-nut ladle gull's 
lest warts. Oil offer sodden, caking 
offer carvers an sprinkling otter bet, disk 
hoard-hoarded woof lipped own pore 
Ladle Rat Rotten Hut an garbled erupt. 


Mural: Yonder nor sorghum 
stenches shut ladle gulis stopper 
torque wet strainers. 

—H. Chace, Anguish Languish 


cr dg Singleton 


. . . Singleton stood at the door 
with his face to the light and his 
back to the darkness. And alone in 
the dim emptiness of the sleeping 
forecastle he appeared bigger, 
colossal, very old; old as Father 
Time himself, who should have 
come there into this place as quiet 
as a sepulcher to contemplate 
with patient eyes the short 
victory of sleep, the consoler. 
Yet he was only a child of time, 
a lonely relic of a devoured and 
forgotten generation. He stood, 
still strong, as ever unthinking; 
a ready man with a vast empty 
past and with no future, with his 
childlike impulses and his man's 
passions already dead within his 


tattooed breast.  —Joseph Conrad 





还 是 同样 的 布局 ， 不 过 现在 增加 了 “颜色 ”。 另 外 ， 再 来 看 这 本 书 中 许 
多 其 他 的 例子 ， 你 会 经 常 看 到 字体 对 比 创建 了 不 同 的 颜色 。 


字体 
Aachen 粗 体 


Warnock Pro Caption 和 Light Italic Caption 
Eurostile Extended 2 fll Demi 








Center Alley worse jester pore ladle 
gull hoe lift wetter stop-murder an 
toe heft-cisterns. Daze worming war 
furry wicket an shellfish parsons, 
spatially dole stop-murder, hoe dint 
lack Center Alley an, infect, word 


Center Alley worse jester pore 
ladle gull hoe lift wetter stop- 
murder an toe heft-cisterns. 
Daze worming war furry wicket 
an shellfish parsons, spatially 
dole stop-murder, hoe dint lack 


Center Alley worse jester pore ladle 
gull hoe lift wetter stop-murder an 
toe heft-cisterns. Daze worming war 
furry wicket an shellfish parsons, 
spatially dole stop-murder, hoe dint 
lack Center Alley an, infect, word 
orphan traitor pore gull mar lichen 


Center Alley worse jester pore 
ladle gull hoe lift wetter stop- 
murder an toe heft-cisterns. 
Daze worming war furry wicket 
an shellfish parsons, spatially 


dole stop- murder, hoe dint lack 


Center Alley worse jester pore 
ladle gull hoe lift wetter stop- 
murder an toe heft-cisterns. Daze 
worming war furry wicket an 
shellfish parsons, spatially dole 
stop-murder, hoe dint lack Center 





在 下 面 的 例子 中 ， 注 意 对 于 同一 种 字体 、 同 样 的 大 小 ， 如 何 稍 加 调整 来 改变 颜色 。 可 见 ， 


这 些小 的 调整 也 可 影响 某 个 空间 所 容纳 的 词 的 多 少 。 


9 点 Warnock 常规 字体 ， 行 
间距 10.6。 


9 Warnock 粗 体 ， 行 间距 
10.6。 


这 与 上 例 完 全 相同 ， 只 是 


是 一 个 粗 体 版 本 。 


9 点 Warnock 细 字 体 ， 行 间 
SE 10.6. 


这 与 上 例 完 全 相同 ， 只 是 字 
体 的 细 有 版 本 ， 而 不 是 第 规 版 本 。 


9 点 Warnock 细 字 体 ， 行 间 
距 13， 更 宽 的 字符 间距 。 


议 汪 第 一 个 例子 学 体 相同 ; 
不 过 在 此 使 用 的 是 更 淡 的 颜色 ， 
这 是 因为 行 间距 各 字符 间 中 加 大 
的 原因 。 

9 点 Warnock 细 和 斜体 ， 行 间 
距 13， 更 宽 的 字符 间距 。 

这 与 第 一 个 例子 完全 相同 ， 
只 不 过 这 是 斜体 版 本 ， 它 具有 
不 同 的 颜色 和 文本 。 
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以 下 是 字体 颜色 的 一 些 简单 例 于 ， 使 用 这 些 技巧 ， 不 需要 任何 额外 的 处 理 就 可 以 改变 字体 
的 目 然 颜色 。 大 多 数 编排 精良 的 好 书 部会 利用 大 块 文本 显示 丰富 的 了 字体， 使 你 能 在 页 面 上 感受 
到 颜色 和 材质 。 字 体 开 发 商 提供 的 书 中 会 展示 字体 样本 ， 一 个 非常 棒 的 字体 样本 将 通过 文本 块 
显示 每 一 种 字体 进行 颜色 比较 ， 你 也 可 以 在 计算 机 上 自己 做 这 种 比较 。 


Center Alley worse jester pore 
ladle gull hoe lift wetter stop- 
murder an toe heft-cisterns. 
Daze worming war furry wicket 
an shellfish parsons, spatially 
dole stop-murder, hoe dint lack 
Center Alley an, infect, word 


American Typewriter, 8/10 


Center Alley worse jester pore ladle 
gull hoe lift wetter stop-murder an 
toe heft-cisterns. Daze worming war 
furry wicket an shellfish parsons, 
spatially dole stop-murder, hoe dint 
lack Center Alley an, infect, word 
orphan traitor pore gull mar lichen 
ammonol dinner hormone bang. 


Imago, 8/10 


Center Alley worse jester pore ladle 
gull hoe lift wetter stop-murder an toe 
heft-cisterns. Daze worming war furry 
wicket an shellfish parsons, spatially 
dole stop-murder, hoe dint lack Center 
Alley an, infect, word orphan traitor 
pore gull mar lichen ammonol dinner 
hormone bang. 


Photina, 8/10 


Center Alley worse Jester pore ladle gull hoe 
lift wetter stop-murder an toe heft-cisterns. 
Daze worming war furry wicket an shellfish 
parsons, spatially dole stop-murder, hoe dint 
lack Center Alley an, infect, word orphan 
traitor pore gull mar lichen ammonol dinner 


hormone bang. 


Bernhard Modern, 8/10 


Center Alley worse jester pore ladle 
gull hoe lift wetter stop-murder an 
toe heft-cisterns. Daze worming war 
furry wicket an shellfish parsons, 
spatially dole stop-murder, hoe dint 
lack Center Alley an, infect, word 
orphan traitor pore gull mar lichen 
ammonol dinner hormone bang. 


Medium 中 粗 体 , 8/10 


Center Alley worse jester 
pore ladle gull hoe lift 
wetter stop-murder an 
toe heft-cisterns. Daze 
worming war furry wicket 
an shellfish parsons, 
spatially dole stop-murder, 
hoe dint lack Center Alley 





Eurostile Extended, 8/10 





结合 多 种 对 比 








不 要 保守 。 大 多 数 有 效 的 字体 布局 都 会 充分 利用 多 种 对 比 。 例 如 ， 如 果 结 合 使 用 了 两 种 
serif 字体 ， 每 种 字体 有 不 同 的 结构 ， 则 可 以 另外 通过 形状 对 比 来 强调 它们 的 差别 : 如果 一 个 元 
素 使 用 roman 字母 ， 全 大 写 ， 则 把 男 一 个 设置 为 italice， 并 使 用 小 写 。 此 外 可 以 对 比 它们 的 大 小 
和 粗细 ， 可 能 还 可 以 对 比 它 们 的 方向 。 再 来 看 这 一 部 分 中 的 例子 ， 每 个 例子 都 使 用 了 不 止 一 种 
对 比 原则 。 


要 得 到 更 多 的 例子 和 想法 ， 可 以 拿 任何 一 本 好 杂志 看 看 。 注 意 每 一 个 有 意思 的 字体 布局 都 
会 依赖 于 对 比 。 子 标题 或 大 写 首 字母 强调 了 大 小 对 比 和 粗细 对 比 ， 男 外 通常 还 存在 结构 的 对 比 
Cserif vs. sans serif)， 以 及 形状 的 对 比 ( 大 写 与 小 写 )。 


尽量 明确 地 说 出 你 看 到 了 什么 。 如 果 可 以 用 语言 说 清楚 这 种 关系 的 变化 ， 说 明 你 确实 已 经 
掌握 。 看 到 一 种 让 你 不 舒服 的 字体 组 合 时 《你 下 意识 地 感 党 这 些 字体 不 能 很 好 地 结合 )， 也 要 用 
文字 明确 地 分 析 问 题 出 在 哪里 。 

试图 找 出 一 个 更 好 的 解决 方案 之 前 ， 必 须发 现 问 题 所 在 。 要 找 出 问题 ， 必 须 努 力 寻 找 相似 
性 ， 而 不 是 差异 。 彼 此 竞争 的 两 个 字体 有 什么 相似 之 处 ? 它们 都 是 全 大 写 吗 ? 它们 笔划 中 都 有 
强烈 的 粗 / 细 对 比 吗 ? 粗细 对 比 是 否 有 效 ? 大 小 的 对 比 呢 ? 结构 对 比 呢 ? 

或 者 也 许 是 中 心 点 冲突 ， 如 果 较 大 的 字体 比较 细 而 较 小 的 字体 反而 比较 粗 ， 这 样 一 来 它们 
相互 之 间 就 会 产生 冲突 ， 因 为 每 个 字体 都 想 显 得 比 男 一 个 字体 更 重要 ， 是 不 是 存在 这 种 情况 ? 

指出 问题 ， 你 就 能 找 出 解决 方案 。 






































小 结 





以 下 列 出 了 前 面 讨论 的 各 种 对 比 。 需 要 提醒 时 ， 可 以 把 它 作为 一 个 速 查 表 。 


o... XA. 
E 
Weight.. 要 粗细 字体 对 比 ， 而 不 


是 中 粗 字体 的 对 比 。 


字体 是 如 何 建 立 的 一 一 
Structure... i0 


变化 。 


化 


就 是 一 种 形状 对 比 ， 男 外 
roman 与 italic 或 script 的 对 
比 也 是 一 种 形状 对 比 。script 
RM 和 italic 字体 形状 类 似 ， 不 要 


结合 使 用 。 


EDi rection.. 


尽管 可 以 理解 为 文本 有 一 定 倾斜 方向 ， 但 更 多 地 认为 方向 对 比 是 
指 水 平 文本 与 瘦 高 文本 列 的 对 比 。 


暖色 是 前 进 型 的 ， 冷 色 则 
O OY; 是 远离 型 的 。 可 以 用 黑白 文本 


Ye “DME”. 





185 








186 第 二 部 分 字体 设计 





ne 46: 对 比 还 是 冲突 





仔细 看 以 下 各 个 例子 。 确 定 这 里 的 字体 组 合 能 产生 有 效 的 对 比 还 是 存在 冲突 。 明 确 说 明 
每 种 字体 组 合 为 什么 能 很 好 地 协作 【〈 找 出 差别 )， 或 者 指出 为 什么 它们 不 能 共同 工作 《〈 找 出 相 
似 性 )。《〈 忽 略 单词 本 身 的 含义 ， 不 要 考虑 字体 对 于 相应 文字 是 否 适 合 ， 因 为 这 是 另 一 个 主题 ， 
需要 为 作 讨 论 。 在 这 里 只 需要 看 字体 本 身 )。 如 果 这 是 你 上 自己 的 书 ， 请 在 下 面 圈 出 正确 的 答案 。 


FANCY 
" PERFUME 


对 比 
冲突 DO CE” iz» 














MY MOTHER 
对 比 This is an essay on why my Mom will 
冲突 always be the greatest mother in the world. 


Until I turn into a teenager. 


对 比 FUNNY FARM 
ns Health Insurance 


iis let'sDANCE tonight 


冲突 





wn #7: 可 做 与 不 可 做 
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这 里 不 打算 直接 列 出 哪些 可 做 ， 哪 些 不 可 做 。 我 希望 你 自己 来 确定 熟 是 识 非 。 在 下 面 圈 出 


正确 的 答案 。 


(1) 可 做 
(2) 可 做 


(3) 可 做 


(4) 可 做 
(5) 可 做 
(6) 可 做 


(7) 可 做 


(8) 可 做 
(9) 可 做 
(10) 可 做 


不 可 做 
不 可 做 


不 可 做 


不 可 做 
不 可 做 
不 可 做 


不 可 做 


不 可 做 
不 可 做 
不 可 做 


同一 个 页 面 上 使 用 两 种 Script 字体 。 


同一 个 页 面 上 使 用 两 种 Modern 字体 、 两 种 Sans serif 字 
体 、 两 种 Oldstyle 字体 或 两 种 Slab serif 字体 。 


让 一 个 排版 元 系 更 粗 ， 并 让 同一 个 页 面 上 的 为 一 个 元 系 更 
大 来 提高 重要 性 。 


同一 个 页 面 上 使 用 一 种 Script 字体 和 一 种 Italic 字体 。 
如 果 一 个 字体 高 而 瘦 ， 再 选择 男 一 个 短 粗 的 字体 。 


如 果 一 个 字体 有 强烈 的 粗 / 细 过 渡 ， 再 选择 一 个 Sans serif 
或 Slab serif 字体 。 


如 果 使 用 了 一 种 很 有 趣 的 Decorative 字体 ， 再 找 另 一 个 引 
人 注目 的 有 趣 字 体 加 以 补充 。 


创建 一 种 非常 有 趣 但 可 读 性 差 的 字体 布局 。 
以 任何 方式 使 用 任何 字体 时 都 要 记 住 4 大 基本 设计 原则 。 
一 旦 能 明确 地 指出 规则 是 什么 ， 则 可 以 打破 这 个 规则 。 




















结合 多 种 对 比 的 练习 
以 下 是 一 个 很 有 意思 的 练习 ， 这 个 练习 很 容易 ， 可 以 带 助 你 提高 排 厂 水 平 。 只 需要 一 张 描 








图 纸 ， 一 只 钢笔 或 儿 笔 “最 好 有 市 颜色 的 记号 笔 )， 还 需要 一 两 本 杂志 。 


把 杂志 上 吸引 你 的 单词 描 下 来 。 再 在 杂志 上 找 出 与 之 前 描 的 那个 单词 形成 有 效 对 比 的 另 一 
个 词 。 在 这 个 练习 中 ， 单 词 之 间 没 有 任何 关系 "， 只 需 看 其 中 的 字母 。 以 下 是 我 从 一 本 新 闻 杂 志 
中 描 出 的 例子 ， 其 中 用 到 了 3 种 字体 : 

sans serif 字体 的 字 了 。“Rebate” 的 形状 


与 “Hawk” 完 全 不 同 ( 所 以 把 它 作 为 第 


market timer big 二 个 选择 )。 然 后 ， 需 要 更 小 更 细 而 且 
有 不 同 结构 的 字体 作为 第 三 个 选择 。 





我 质 的 第 一 个 词 是 “HawKk”。 描 出 
这 个 词 后 ， 我 就 不 会 再 去 看 任何 其 他 











找 出 第 一 个 词 ， 然 后 有 意识 地 确定 它 应 该 与 另外 的 哪 种 字体 结合 使 用 ， 并 用 语言 清楚 地 说 
明 。 例 如 ， 如 果 第 一 个 词 或 短 句 采用 某 种 sans serif 字体 ， 你 应 该 知道 ， 无 论 如 何 下 一 步 都 不 能 
选择 另 一 种 sans serif 字体 ， 对 不 对 ? 你 到 底 需要 什么 ? 要 有 意识 地 做 出 选择 。 


可 以 尝试 对 几 个 词 设 计 多 种 组 合 ， 然 后 再 试 试 其 他 设计 ， 比 如 报告 封面 ， 有 一 个 有 趣 标题 
的 单 页 小 故事 ， 新 闻 简 报刊 关 ， 杂 志 封 面 ， 公 告 以 及 你 觉得 重要 的 任何 东西 。 还 可 以 试 试 使 用 
彩 笔 。 要 记 住 ， 在 这 里 单词 本 身 的 含义 并 不 重要 。 

从 杂志 描 词 的 好 处 是 你 可 以 从 中 发 现 大 量 不 同 的 字体 (而 你 的 计算 机 上 可 能 没有 这 些 字 
体 )。 你 会 不 会 因此 去 努力 寻求 更 多 字体 ? 应 该 会 吧 。 














CD 即 不 考虑 单词 的 含义 。 一 一 译 者 注 





Æe rm 
测验 答案 


本 书 所 用 字体 








mie y 


所 有 这 些 对 你 来 说 有 用 吗 ? 看 上 去 是 不 是 太 简 单 了 ? 甚至 不 必 考 虑 采用 什么 方式 来 形成 对 
比 ， 你 也 能 自动 地 找 出 合适 的 字体 ， 这 不 会 花费 很 长 时 间 。 也 就 是 说 ， 如 果 你 的 计算 机 里 有 合 
适 的 字体 ， 你 就 能 轻松 地 找 出 应 该 使 用 什么 字体 。 字 体现 在 太 多 了 ， 实 际 上 只 需要 几 个 字体 系 
列 ， 利 用 它们 就 能 建立 各 种 生动 的 组 合 。 从 各 个 类 别 分 别 选择 一 个 字体 系列 ， 要 确保 你 选择 的 
sans serif 系列 中 极 粗 以 及 极 细 的 字体 都 一 概 包 含 。 


有 了 合适 的 字体 系列 ， 接 下 来 你 可 以 放手 设计 了 ， 视 你 至 受 设计 的 乐趣 ! 

















做 一 个 设计 或 者 重新 设计 时 ， 先 从 哪里 开始 ? 








从 中 心 点 开始 。 确 定 和 希望 谈 者 最 先 看 什么 。 除 非 你 已 经 决定 要 建立 一 个 非常 协调 的 设计 ， 
否则 就 应 该 创建 一 个 有 强烈 对 比 的 中 心 点 。 


将 信息 分 组 。 按 人 逻辑 进行 分 组 ,确定 这 些 组 之 间 的 关系 。 通 过 组 之 间 的 徘 近 与 否 〈 杀 密 
TE) SE TTEN ZR. 


在 页 面 上 组 织 文本 和 图 片 时 ， 要 建立 并 维护 明确 的 对 齐 。 如 末 能 看 到 一 个 明显 的 边界 ， 如 
照片 边界 或 焉 下 线条 ， 可 以 通过 其 他 文本 或 对 象 的 对 齐 来 加 强 这 个 边界 。 


创建 重复 ， 或 者 找 出 可 以 重复 的 项 。 为 建立 重复 ， 可 以 使 用 粗 字 体 、 线 、 装 饰 符号 或 者 时 
种 空间 布局 。 看 看 哪些 元 素 已 经 目 然 地 重复 ， 再 看 看 是 否 适 合 加 大 重复 力度 。 


除非 你 已 经 决定 创建 一 种 协调 的 设计 ， 和 否则 一 定 要 建立 强烈 的 对 比 ， 这 样 会 吸引 读者 的 视 
线 。 要 记 住 ， 对 比 要 黑白 分 明 。 如 果 页 面 上 的 所 有 一 切 都 又 大 又 粗 ， 很 华丽 ， 那 么 根本 不 存在 
任何 对 比 ! 不 论 通 过 更 大 更 粗 来 建立 对 比 ， 还 是 通过 更 小 更 细 形 成 对 比 ， 关 键 是 要 有 所 不 同 ， 
这 样 才能 引 人 注 目 。 
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练习 


翻 开 当 地 的 报纸 或 者 电话 短 黄 页 。 找 一 个 你 认为 设计 得 不 好 的 广告 《要 特别 利用 你 刚刚 提 
升 的 视 党 敏 镁 度 )。 我 相信 ， 找 出 几 个 这 样 的 例子 应 该 不 成 问题 。 


拿 出 一 张 描 图 纸 ， 描 出 这 个 广告 的 轮 廊 〈 可 以 描 得 大 一 点 )。 现 在 ， 移 动 这 张 描 图 纸 ， 描 
出 广告 的 其 他 部 分 ， 不 过 把 它们 归 人 “本 位 ” 放 在 它们 本 该 在 的 位 置 ， 提 供 明 确 的 对 齐 线 ， 
在 合适 的 情况 下 把 各 部 分 放置 得 更 紧密 来 建立 亲密 性 ， 确 保 中 心 点 确 确 实 实 是 中 心 点 。 把 大 写 
字母 改 为 小 写 ， 把 某 些 项 设置 得 更 粗 ， 某 些 项 小 一 些 ， 有 些 项 则 再 大 一 些 ， 去 掉 那 些 明显 没 用 
的 “垃圾 ” 


提示 : 你 做 得 越 深 宫 ， 结 来 就 越 震撼 。 如 来 只 是 称 触 皮毛 ， 最 后 完成 的 作品 可 能 比 原先 的 
A 











(告诉 你 一 个 方法 ， 这 是 我 们 在 图 形 
设计 课 上 经 常 使 用 的 技巧 ， 如 果 一 个 
客户 坚持 他 自己 拙劣 的 设计 ， 不 想 再 
认真 考虑 你 更 精美 的 作品 ， 就 可 以 采 
用 这 个 技巧 。 展 示 他 的 设计 时 先 搞 
得 一 团 糟 。 比 如 (有 意 ) 酒 点 咖啡 上 
去 ， 把 边缘 弄 得 参差 不 齐 ， 划 上 钢笔 
印 ， 放 得 不 整齐 ， 诸 如 此 类 。 展 示 你 
认为 更 棒 的 设计 时 则 要 做 得 干净 漂 
亮 ， 用 非常 好 的 纸张 打印 ， 把 它们 贴 
在 展示 板 上 ， 堆 一 层 保护 膜 等 等 。 这 
样 一 来 ， 大 多 数 情 况 下 客户 都 会 考虑 
你 的 作品 ， 并 相信 你 的 作品 确实 比 他 
原先 的 想法 更 好 ， 而 且 由 于 他 是 一 个 
VIP (而 你 已 经 脱离 这 个 行列 )， 他 
无 法 指出 自己 为 什么 做 不 到 这 么 好 ， 
只 是 印象 中 你 的 设计 看 上 去 更 棒 。 不 
要 害怕 告诉 别人 这 是 我 说 的 )。 

* VIP: 未 经 过 视觉 训练 的 人 








好 的 一 一 重新 设计 ! 


下 面 是 一 个 小 海报 。 不 算 太 糟 ， 不 过 确实 还 需要 一 点 帮助 。 只 需 做 儿 个 小 改动 台 能 大 不 相 
同 。 这 个 小 海报 最 大 的 问题 是 缺乏 明确 的 对 齐 ， 为 外 有 多 个 不 同 的 元 素 都 范 相 作为 中 心 点 。 可 
以 使 用 描 图 纸 重 新 控 放 这 些 元 素 ， 或 者 在 这 一 页 上 和 直接 勾 几 个 改进 方案 。 





Urls Training Camp 


Get on the i 
Internet and do o, 
stuff! 





Join Url for a weekend 
of training in the high 
desert of Santa Fe. 
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Blogging and podcasting 
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First weekend in May 





VECES 


VEAJ—ATUKSEGEE. JEBUBDGUEESS. FAMN HERTE FE ARKEA”. FEN 
考试 时 可 以 打开 他 们 的 笔记 ， 翻 开 他 们 的 书 ， 可 以 互相 讨论 ， 还 可 以 与 我 讨论 。 我 目 己 在 大 学 
里 从 理学 专业 到 设计 专业 曾 修 过 几 百 个 学 时 ， 我 深 座 地 体会 到 : 把 正确 的 信息 写 下 来 将 更 容易 
记 住 。 不 是 先 乱 猜 再 写 下 错误 的 答案 ， 考 试 时 得 到 正确 答案 的 过 程 会 让 你 很 有 收获 。 所 以 建议 
你 在 测验 和 答案 之 间 反 复 检查 ， 与 朋友 们 一 起 讨论 ， 特 别 是 要 把 这 些 问题 应 用 于 你 号 边 的 其 他 
页 面 设 计 。“ 睁 开眼 睛 ”( 提 高 视 党 敏 镜 度 ) 是 成 为 视觉 领 域 遍 手 的 天 键 。 


让 你 的 眼睛 充分 去 发 现 吧 。 




















答案 : 测验 #1 (第 78 页 ) 

去 掉 边 框 ， 形 成 开放 空间 。 设 计 新 手 往往 把 所 有 一 切 都 包 上 边框 。 不 要 这 么 做 了 ! 让 它 自 
由 呼吸 。 不 要 把 它 包 得 太 紧 ! 

口 杀 密 性 





标题 离 其 相关 项 太 远 : 把 它们 移 得 近 一 些 。 

标题 的 前 后 都 有 两 个 回 车 : 去 掉 所 有 双 回 车 ， 不 过 在 标题 上 面 增加 一 点 额外 的 空间 ， 使 它 
们 与 后 面 的 相关 材料 联系 更 紧密 。 

增加 额外 的 一 点 空间 把 个 人 信息 与 履历 项 分 开 。 

o 对 齐 

文本 有 两 种 对 齐 方式 : 居中 和 左 对 齐 ， 而 且 文 本 第 二 行 换行 时 退回 到 左边 界 ( 而 没有 适当 
缩 进 )。 应 当 建 立 明确 的 左 对 齐 一 一 使 标题 相互 对 齐 ， 所 有 项 目 符号 对 齐 ， 所 有 文本 对 齐 ， 文 本 
的 第 二 行 与 第 一 行 对 齐 。 

口 重复 

CAER EFS: 加 强 这 种 重复 ,设置 更 有 意思 的 项 目 符号 ， 并 在 每 个 适当 的 项 前 面 使 
用 这 个 项 目 符 号 。 

标题 中 已 经 有 重复 : 加 强 这 种 重复 ， 让 标题 更 明显 更 黑 。 

现在 项 目 符号 有 一 种 粗 黑 的 印象 ， 它 重复 并 强调 了 标题 的 粗 黑 效果 。 

O 对 比 

这 里 没有 任何 对 比 : 标题 ( 包括 “Resume”) 应 当 使 用 一 种 明显 的 粗 体 产 生 对 比 ( 以 实现 一 
致 性 或 重复 ) ; 并 利用 明显 的 项 目 符号 增强 对 比 。 

另外 : 新 版 本 中 所 有 数字 都 使 用 “均衡 的 oldstyle” 字 体 (很 多 Open Type 字体 中 都 有 D. 
如 果 没 有 ， 可 以 让 数字 字体 比 原 来 小 一 些 〈 点 数 少 1 点 或 2 点 )， 从 而 避免 数字 本 号 不 必要 地 分 
散 注意 力 。 


答案 : 测验 #2( 第 79 页 ) 

口 不 同 字体 : 这 里 有 4 种 不 同 的 sans serif 字体 (Helvetica. Avant Garde, Optima 和 For- 
mata Bold), PP} serif 字体 ‘(Aachen Bold 和 New Century Schoolbook)。 在 其 中 选择 两 
个 字体 : 一 种 漂亮 的 粗 体 ( 如 Aachen Bold) 和 一 种 sans serif. 

不 同 对 齐 方式 : 天 呐 ， 有 些 元 素 左 对 齐 ， 有 些 眉 中， 有些 在 空白 的 中 间 居 中 ， 还 有 一 些 
与 其 他 任何 元 素 都 没有 对 章 或 联系 。 

强 对 齐 线 : 商标 图 像 提供 了 一 个 强 对 齐 线 ， 其 他 元 系 可 以 按 这 条 线 对 齐 。 

缺乏 亲密 性 : 对 信息 分 组 。 你 很 清楚 哪些 应 该 归 组 在 一 起 。 

缺乏 中 心 点 : 一 些 项 相互 将 和 争 ， 都 想 引 起 注意 。 选 择 其 中 的 一 个 。 

缺乏 重复 元 素 : 这 4 个 logo 并 不 适合 作 重 复元 素 ， 它 们 随机 地 放 在 各 个 角 上 只 是 为 了 荐 
满 空 角 落 ; 也 就 是 说 ， 并 不 是 有 意 把 它们 作为 设计 元 系 放 在 那里 ， 不 过 ， 可 以 选择 logo 
的 颜色 作为 一 个 重要 项 。 

去 除 边 框 内 的 边框 。 留 下 的 这 个 边框 使 用 方 角 ， 以 此 强调 方 砖 的 方 边 角 ， 并 使 边界 清晰 。 
解除 大 写 锁定 ( 即 取 消 全 大 写 ) ! | | 

下 一 页 上 的 例子 只 是 众多 可 能 方案 中 的 一 种 | 
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^ ] The Shakespeare lapers 


Shakespeare by Design 


The Shakespeare Papers are bimonthly booklets 
of amusing, tantalizing, peculiar, educative, 
unexpected, brilliant, surprising, intriguing, and 
occasionally controversial tidbits about the 
Shakespearean plays and sonnets. 


Subscription-based: 
Only $38 a year for six 
collectible issues 


7 Sweet Swan Lane 





Cygnet City, CA 94536 
505.424.7926 
TheShakespearePapers.com 
字体 cleo@TheShakespearePapers.com 
Wade Sans 细 体 
Brioso Pro 细 
及 粗 斜体 


答案 : 测验 #3( 153 页 ) 


Oldstyle: As I remember, Adam Sans serif: It' s your attitude 
Modern: High Society Script: Too Sassy for Words 

Slab serif: Th e enigma continues Decorative: At the Rodeo 

答案 : 测验 #4( 154 D) 答案 : 测验 #5( 155 Di) 

Giggle: B Diggle: C 

Jiggle: C Riggle: A 

Diggle: A Figgle: B 

Piggle: A Biggle: D 

Higgle: C Miggle: D 

Wiggle: B Tiggle: A 








答案 : 测验 #6( 第 186 页 ) 





Fancy Perfume: 冲突 。 存 在 太 多 相似 性 : 它们 都 是 全 大 写 ， 都 有 同样 的 大 小 ;都 采用 
“frufru” 字 体 〈 一 种 fancy); 而 且 粗 细 相 似 。 


Dogfood: 对比。 大小、 颜色、 形状 〈 包 括 大 与 与 小 写 的 对 比 和 roman 与 italic 的 对 比 )、 粗 
细 和 笔划 结构 都 有 强烈 的 对 比 ( 尽 管 两 种 字体 笔划 本 号 都 没有 明显 的 粗 / 细 对 比 ， 但 这 两 种 字 
体 绝对 由 完全 不 同 的 材料 建立 )。 


My Mother: 冲突 。 尺 管 大 写 与 小 写 之 间 有 形状 对 比 ， 但 是 存在 太 多 其 他 冲突 的 相似 性 。 这 
两 种 字体 大 小 相同 、 粗 细 很 相似 ， 有 同样 的 结构 ， 而 且 有 同样 的 roman 形状 。 这 让 人 很 头疼 。 


Funny Farm: 冲突 。 这 里 有 对 比 的 潜力 ， 但 是 差别 还 需要 加 强 。 大 写 和 小 写 形状 存在 对 比 ， 
扩展 字体 和 常规 字体 间 也 存在 对 比 。 结 构 上 也 有 一 点 对 比 ， 一 种 字体 有 柔和 的 粗 / 细 过 渡 ， 田 
一 种 则 是 粗细 一 致 的 扩展 字体 。 你 能 指出 最 严重 的 问题 吗 ?“ 想 一 分 钟 )。 这 里 的 中 心 点 是 什 
4? “Health Insurance” 比 较 大 ， 它 想 成 为 中 心 点 ， 不 过 它 使 用 了 一 种 细 字 体 。“Funny Farm" 
也 想 成 为 中 心 点 ， 尽 管 比较 小 ， 但 它 使 用 了 全 大 写 和 粗 体 。 你 必须 确定 哪 一 个 才 是 真正 的 主导 ， 
并 强调 其 中 的 一 个 ， 要 么 是 “Funny Farm”， 要 么 是 “Health Insurance”. 


Let’ s Dance: 对比。 尽管 它们 的 大 小 基本 上 相同 ， 而 且 来 自 同 一 个 字体 系列 (Formata), 
但 其 他 对 比 很 强烈 : 粗细、 形状 (roman 5E italie; AX 5/5), TJ (由 粗细 对 比 产生 )、 颜 
色 《〈 尽 管 二 者 都 是 黑色 ， 但 是 “dance” 更 粗 ， 使 它 的 颜色 更 次 ) 都 有 明确 的 对 比 。 


答案 : 测验 #7 (第 187 页 ) 

(D 不 可 做 。 两 种 Script 字体 会 相互 冲突 ， 因 为 它们 往往 有 相同 的 形状 。 
(2) 不 可 做 。 相 同类 别 的 字体 有 相同 的 结构 。 

(3) 不 可 做 。 它们 会 相互 冲突 。 确 定 哪 一 个 最 重要 ， 并 强调 那 一 项 。 

(4) 不 可 做 。 大 多 数 Script 和 Italic 字体 有 相同 的 形状 (倾斜 而 漂浮 )。 
(5) 可 做 。 这 样 可 以 立即 形成 结构 和 颜色 的 强烈 对 比 。 

(6) 可 做 。 可 以 立即 形成 结构 和 颜色 的 对 比 。 


(D 不 可 做 。 两 个 太 有 意思 的 字体 往往 会 冲突 ， 因 为 它们 都 有 趣 ， 这 会 产生 竞争 来 引起 读 
者 的 注意 。 


(8) 不 可 做 。 在 页 面 上 放置 文本 的 最 终日 的 是 为 了 表达 信息 。 不 要 忘记 这 一 点 。 
(9) 可 做 。 


(10) 可 做 。 打破 规则 的 基本 原则 是 ， 要 首先 知道 有 哪些 规则 。 如 果 可 以 适当 地 打破 规则 ， 
而 且 绪 采 合 理 ， 那 就 大 胆 地 去 做 ! 



































第 14 章 





本 书 所 用 学 体 


这 本 书 里 用 到 两 百 余 种 字体 。 现 在 ， 如 果 有 人 “特别 是 字体 开发 商 ) 告诉 你 提供 了 “一 定 
数量 ”的 字体 ， 这 其 中 往往 包括 了 一 种 字体 的 所 有 变 体 ， 当 规 字 体 是 一 种 字体 ， 和 斜体 是 妨 一 种 ， 
粗 体 又 是 一 种 ， 等 等 。 由 于 你 不 是 一 个 专业 设计 人 员 (或 者 原来 不 是 )， 我 想 你 可 能 想 知 道 这 本 
书 里 用 到 了 多 少 种 字体 。 我 本 来 还 想 告 诉 你 每 种 字体 出 现在 哪 一 页 上 ， 不 过 ， 我 认为 找 出 这 些 
字体 的 过 程 很 有 意义 ， 这 会 要 求 你 非常 仔细 地 查看 所 有 字体 ， 所 以 这 里 并 未 给 出 每 种 字体 出 现 
的 页 号 。 但 我 确实 已 经 将 这 些 字 体 分 门 别 类 地 列 出 ， 这 会 给 你 一 个 好 的 开始 。 大 多 数字 体 都 是 
14 点 大 小 “除非 为 外 特别 指出 )。 祝 你 开心 ! 























正文 主体 : 方正 书 宋 简体 , 10/16. (这 表示 10 点 字体 ，16 点 行 间距 ) 
各 章 标 题 : 方正 大 标 宋 简体 ,32/38 

r6 : Times New Roman HÆ, 150, 15% 深 红 

非常 小 的 文本 : 方正 书 宋 简 体 ( 大 多 数 情 况 下 ) 

主 标题 : 方正 黑体 简体 ，15/16 

图 字 说 明 : 方正 仿宋 简体 。9.5/13 


Modern 


CRE 


Bauer Bodoni Roman, /talic, Bold Condensed 








Bodoni Poster, Poster Compressed 

Didot Regular, Bold 

Madrone 

Mona Lisa Solid 

Onyx Regular 

(Berthold) Walbaum Book Regular, Bold 


Times New Roman Bold 





**9922838282928492922922929292822894284429292929299292282249484992292929292242428229292929259* 


Arno Pro Regular 
New Baskerville Roman 
Bernhard Modern 


Brioso Pro Light, Light Italic, 
Regular, Regular Italic, 
Bold, Bold Italic 


Cochin Medium, /Ztalio, 
Bold, Bolo Italic 


ITC Garamond Light, 
Book, Bold, Ultra 


Garamond Premier Pro 
Regular, Italic 


Golden Cockerel Roman 
Goudy Oldstyle, Italic 


Minister Light, Light 
Italic, Bold 


Palatino Light, Italic 
Photina Regular, Italic 


Times New Roman 
Regular, /talic, 
Bold, Bold Italic 


Adobe Jensen Pro Regular 


Warnock Pro Light, 
Light Italic, Regular, 
Regular Italic, Bold, 
Bold Italic, 


Caption, Light Caption 


(专门 用 于 小 文本 ) 





slab serif 


enesseeseesessssssesesessesesssssesssssssnsssosssesessssess. 


American Typewriter 
Medium, Bold 


EBla cloz Iz 


Clarendon Light, 
Roman, Bold 


Memphis Light, 
Medium, Bold, 
Extra Bold 


New Century 
Schoolbook Roman 


Silica Light, Extra Light, 
Regular, Bold, Black 


sans serif 


Antique Olive Roman, 
Black 


Bailey Sans Book, Bold, 
Extra Bold 


Cotoris Regular, /talic, Bold 


Delta Jaeger Light, 
Medium, Bold 


Eurostile Demi, Bold, 
Extended Two, 
Bold Extended 
Two, Bold Condensed 


Folio Light, Medium, 
Bold, Extra Bold 


Formata Light, Regular, 
Medium, Medium 
Italic, Bold, 

Bold Italic, 

Bold Condensed, 

Light Condensed 
Franklin Gothic Book 


Helvetica Regular, 
Bold, Bold Oblique 


Imago Extra Bold 
Myriad Pro Condensed 
Officina Sans Book, Bold 


Optima Roman, 
Oblique, Bold 
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Proxima Nova Regular, 
Black 


Proxima Nova Alt Light, 
Semibold, Bold, 
Extra Bold 


Ronnia Regular, ltalic, 
Bold, Bold Italic 


Shannon Book, Book 
Oblique, Extra Bold 


Syntax Roman, Bold, 
Black, 


Trade Gothic Light, 
Medium, Medium 
Oblique, Condensed 
No. 18, Bold, 

Bold Condensed No. 20 


Trebuchet Regular, 
Italic 

Universe 38 Thin Ultra Condensed, 65 Bold, 
75 Black, 85 Extra 
Black 


Verdana Regular 
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SÍnna Of licofe 
Arid 
"oos PIA erba QD 


(24 point) 
AE pen I en QA point 
Charme 
Cocktail Shaker 
Coquette Regular, Bold 
Emely t OA point) 
Zountain Pen 
Linoseript (20 point) 
Milk Script 
Mida Seti 
M Gere (18 point) 
Fhelley Volante Feript 
Deel Roundhand Bot, 
Black 
Spring light, Cegular 
Tekton Regular, Oblique, 
Bold 


Wendy Medium, 
Bold (24 point) 
Viceroy 





Ornaments 
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mag 





Gargoonies 


uM Ay F X 


MiniPics Lil Folks 


e$ 94 28 


MiniPics Head Buddies 


Renfield' s Lunch 


* xr d 


Golden Cockerel Ornaments 


BE P Ho 


Minion Pro (ornaments) 





9 & B od xe 
Type Embellishments One 


NS Rn RTT Le 
Type Embellishments Two 


Type Embellishments Three 


Adobe Woodtype Ornaments 2 


w EVA 
ITC Zapf Dingbats 


Decorative 


OR O9 O9 OR 9 9 9 99 RR 98 9 9 9 99 O99 9998 99999 99222 222252255727^^-7- 


(all fonts below are 18 point) 


Bodoni Classic 


bold Ornate 
Dy George litling 
Canterbury Oldstyle 
Blue Island 
Coquette Regular, 
Bold 


Escaldio Gothico 
FAJITA MILD 
PIS 
frances UNCiaL 
CILASGOW 

Industria Solid 
Jiggery Pokerv 
JUNIPER 


LI THOS 
EXTRA LIGHT 


PERCOLATOR EXPERT 
Fious Henry 

Potzrebie 
SGNKLELL 


Schablone Rough 
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CE 


Scan 加 
[L]a]b]o] | | r je lu q[hi B 
Plolsli Lt i Dvd] 

Schmutz Cleaned 

ge ip lenát 


cREBEPZBÉSEPE"ZZ 
| RE LI 一 


Spumoni 

Stoclet Light, Bold 
Tabitha 
Tapioca 

] ME WALL 
Wade Sans Light 


ux bar 


203 








LEE: 


OpenType 








把 字体 设置 得 非常 大 、 非 常 小 或 者 平均 大 小 时 ， 对 应 每 种 不 同 大 小 ， 形 状 应 该 稍 有 区 别 。 
如 果 设 置 得 很 小 ， 需 要 稍微 粗 一 些 ;， 设置 得 非常 大 ， 则 需要 细 一 些 ;否则 细 笔 划 会 变 得 很 粗 
很 答 。 不 过 计算 机 上 的 大 多 数字 体 都 有 一 个 标准 度量 ， 比 如 12 点 ， 只 需 在 此 基础 上 放大 或 缩 
小 。 但 Warnock Pro 是 一 个 特殊 的 字体 集合 ， 其 中 包括 为 不 同 用 法 而 专门 设计 的 不 同 字 体 。 在 
下 面 可 以 看 到 ，Caption 字体 设置 为 20 点 时 看 起 来 有 些 粗 ， 而 大 小 为 8 点 时 很 完美 。Display 字 
体 在 8 点 时 显得 有 点 弱 ， 但 是 设置 得 非常 大 时 ， 细 笔划 则 很 优美 。OpenType Pro 字体 还 可 以 使 
用 古 体 数字 (2349870 或 等 宽 数 字 〈234987)， 另 外 还 有 很 多 其 他 选择 。Warnock Pro 是 一 种 
OpenType 字体 ， 这 说 明 如 果 你 的 计算 机 和 软件 是 最 新 的 ， 那 么 这 种 字体 可 以 有 多 达 16 000 个 
字符 ， 另 外 在 Mac 和 PC 上 可 以 使 用 相同 的 字体 文件 。 





























Warnock Pro Caption 
at 20 point 


Warnock Pro Caption, 8 点 





Warnock Pro Display 


at 20 point 
ik E 4E Gk H] Display 字体 的 W 后面 有 一 个 k Pro Displav, 8 点 
Warnock Pro 常规 字体 的 W (灰色 )， 可 以 清楚 地 看 Warnock Pro Display, $8 ; 
H e Xi ey p 3I. 


迷你 术语 表 


基线 (baseline) 是 位 于 字体 下 方 的 一 条 不 可 见 的 线 〈 见 
156 页 )。 


IEX (body copy 或 body text, [5j 553 fF body 或 text) 是 

你 所 读 的 正文 主体 ， 而 不 是 标题 、 子 标题 、 题 目 等 。 正 
文 的 字体 大 小 通常 在 9 — 12 点 之 间 ， 男 外 行 间距 再 增加 
20%。 








项 目 符号 Cule) 是 一 个 小 记号 ， 通 常 在 非 编 号 列表 中 
使 用 ， 或 者 在 单词 之 间 使 用 。 标 准 项 目 符 号 是 一 个 圆 点 
C). 








装饰 标志 (dingbat) 是 一 个 小 装饰 字符 ， 如 m n "4 js no 
你 的 系统 上 可 能 安装 有 Zapf Dingbats 或 Wingdings 字体 ， 
这 些 字体 就 是 由 装饰 标志 组 成 的 。 


TA (element) 是 页 面 上 单独 的 对 象 。 元 系 可 能 是 一 行文 
本 、 一 个 图 片 或 者 是 一 组 项 〈 这 组 项 彼此 非常 靠近 ， 因 而 
可 以 整体 视 为 一 个 单元 )。 要 看 一 个 页 面 上 有 多 少 个 元 素 ， 
可 以 国 起 眼睛 ， 数 数 看 你 的 眼睛 停 下 来 多 少 次 去 注意 每 一 
个 孤立 的 项 。 











正文 (前面 已 经 提 到 ) 大 量 出 现时 称 为 扩展 文本 
Cextended text)， 如 书 或 很 长 的 报告 中 就 会 有 大 量 正 文 即 
扩展 文本 。 


谈 到 眼睛 (eye) 或 视线 Ceye flow) 时 ， 是 指 你 的 眼睛 就 
像 能 独立 活动 一 样 。 作 为 一 名 设计 人 员 ， 可 以 控制 别人 用 
何 种 方式 在 页 面 上 移动 “眼球 ”( 视 线 )， 所 以 需要 更 留意 
你 日 己 的 视线 在 页 面 上 如 何 移 动 。 要 听从 眼睛 的 “意见 ”。 





两 端 对 齐 Cjustified type) 是 指 一 个 文本 块 同 时 沿 左 边线 和 
右边 线 对 齐 。 


4) EXE (resolution) 是 指 一 个 网 像 的 “分 辨 ”程度 如 何 ; 
也 就 是 说 ， 在 我 们 看 来 是 否 清楚 ， 是 否 消 晰 。 这 是 一 个 很 





复杂 的 话题 ， 这 里 给 出 以 下 几 个 要 点 : 
印刷 页 。 一 般 来 说 ， 在 纸 上 印 刷 的 图 像 的 分 辩 率 需 








要 达到 300dpi C[ 墨 的 ] 点 数 每 喘 寸 )。 要 总 是 检查 完 
成 印刷 的 印刷 机 ， 看 看 希望 有 多 大 的 分 辨 率 。 要 得 
到 300dpi 的 图 像 ， 可 以 使 用 图 像 编辑 应 用 程序 (如 
Photoshop) 将 图 像 大 小 调整 到 印刷 时 所 需 的 大 小 ， 
并 设置 为 300 ppi〈 每 英寸 像素 数 )。 





附 K 


打印 时 ， 使 用 .tif 图 像 ，300dpi，CMYK 颜色 模 
ms 


屏幕 页 。 屏 幕 上 的 图 像 为 72ppi (每 英寸 像素 数 )。 如 
果 这 样 打印 看 起 来 会 很 粗糙 ， 不 过 在 屏幕 上 看 很 不 
错 。 使 用 图 像 编辑 应 用 程序 〈 如 Photoshop) 将 图 像 
大 小 调整 为 屏幕 上 显示 时 所 需 的 大 小 。 这 说 明 ， 如 果 
有 一 个 缩 略图 图 像 与 一 个 更 大 的 图 像 链 接 ， 则 同一 个 
图 像 需要 两 个 不 同文 件 ! 

用 于 屏幕 显示 时 , 使 用 .jpg 图 像 ，72 ppi; rgb Zi 

色 模 式 。 


线 (rule) 是 画 出 的 一 条 线 。 








空白 (white space) 是 指 页 面 上 未 被 任何 文本 或 图 片 占 据 
的 空间 。 你 可 能 会 称 之 为 “ 空 日 ”空间 。 新 手 总 害怕 留 有 
空白 ， 不 过 专业 设计 人 员 会 在 页 面 上 使 用 大 量 空白 。 








留 空白 〈trapped white space) 是 指 页 面 上 的 空白 空间 截 
留 在 元 素 〈( 如 文本 或 照片 ) 之 间 ， 以 至 于 没有 连续 的 空 
Fla 





Veer.com 
MyFonts.com 
iStockPhoto.com 


Before & After Magazine; 


BAMagazine.com 


Layers Magazine; 


LayersMagazine.com 


InDesign pdf Magazine; 


InDesignMag.com 


» 


A 


abbreviations look messy， 缩 写 看 起 来 很 乱 ，105 
acronym for basic design principles， 基 本 设计 原则 缩 
略语 ，5 
Adobe 
Acrobat PDF, 103 
Opentype, 204 
Photoshop. 100, 203 
web address, jd, 103, 138 
alignment, xj3r, 25-42 
basic principle of， 基 本 原则 ，5，25-42，75 
breaking it， 打 破 ，118，119，122 
comparison of different text alignments, A F] XÆ HIX 
Fh, 29, 32 
messy alignment, examples of， 混 乱 对 齐 ， 例 子 ，36， 
104, 108, 112, 124 
mixing, 1E. 60 
review of principle， 原 则 回顾 ，5，75 
sitting on the ground vs. clothesline, Jib F 2E 5j li 2i, 
46 
“soft” vs. “hard” edges, “K” 5j "fii" WA, 27 
strengths of, 5$8J£, 75 
summary, /Zt, 42 
use baseline of text， 使 用 文本 基线 ，34，37 
visual connection， 视 觉 连接 ，42 
al caps, &X'5 
bad examples of， 不 好 的 例子 ，18，79，124 
vs. lowercase form， 与 小 写 形式 ，170 
when to use， 何 时 使 用 ，171 
why not to use， 为 什么 不 使 用 ，10，160，171 
analogous colors， 类 似 的 颜色 ，89 
angled type， 有 角度 的 字体 ，174 
Anguish Languish 
stories from， 其 中 的 故事 ，36，38，41，45，47，164， 
168, 180-181 
apostrophes, true, #5, AX, 82 
Arial/Helvetica 
don'tuseit, 4^ZÉfE)H, 69, 118, 122, 124 
spec another font on web pages， 网 页 上 指定 另 一 种 字体 ， 
134 
asymmetry， 非 对 称 ，73 


B 


baseline， 基 线 

what is it? 这 是 什么 ? 156, 205 

use for alignment， 用 于 对 齐 ，34，37 
blank space. 参见 white space 
body, body copy, body text， 正 文 ，205 





j| 


Bolt, Christine, 66—67 
borders, lose them， 边 框 ， 去 掉 ，196 
bottom out, R=, 46 
boxes, use sparingly， 方 框 ， 很 少 使 用 ，112 
breaking the rules， 打 破 规则 ，41，198 
brochures， 宣 传 册 ，119-122 
design no-nos， 设 计 中 要 杜绝 的 问题 ，120 
design tips， 设 计 提 示 ，122 
folds, allow for， 折 痕 ， 人 允许 ，120 
bullet， 项 目 符号 ，203 
Burns, Robert, 31, 33 
business cards, WZH 
as part of a package， 作 为 包装 的 一 部 分 ，48，102 
design tips， 设 计 提 示 ，48，103-106 
standard size of， 标 准 大 小 ，103 
business package， 企 业 包 装 ，48，102 


C 


Carter, Ross, 159 
categories of type， 类 型 的 类 别 ，145-156 
center aligned text， 居 中 对 齐 文本 ，32 
examples of, 7R], 30, 32 
impression of, EJf£g, 28, 42, 75 
make it look intentional， 使 之 看 起 来 是 有 意 的 ，32 
suggestions for， 建 议 ，30-32 
weakness of, 554i, 27 
children's books, JL3&Ed-B, 148 
clothesline, Bx4x2&, 46 
color, WE 
analogous combination， 类 似 的 组 合 ，89 
black， 黑 色 ，85，99 
blue，red，yellow， 蓝 色 ， 红 色 ， 黄 色 ，84 
choosing, how to， 选 择 ， 如 何 ，96-97 
CMYK, 98-100, 205 
color models, HEAL, 98—100 
color wheel, fte 
analogous combination, JÉ4A2H4-, 89 
complementary colors, Z2hé, 86 
image of full color wheel， 完 整 的 色 轮 图 ，90 
monochromatic colors， 单 色 ，92 
primary colors， 三 基色 ，84 
secondary colors， 三 间 色 ，84 
shades and tints， 上 暗色 和 亮色 ，90-93 
split complements, AR Z3, 88 
tertiary colors, %26, 85 
triads, — 624, 87 
complementary colors, 5 *f&, 86 
contrast of color in type， 文 本 中 颜色 对 比 ，178 





comparison oftypeface， 字 体 比 较 ， 
“color”, “颜色 ”，182-183 
examples of， 示 例 ，178-183 
cool vs. warm colors， 冷 色 与 暖色 ，95，178 
effectiveness in marketing， 市 场 营 销 中 的 有 效 性 ，123 
examples of contrasts in， 其 中 的 对 比例 子 ，62，68&， 
70-71 
hues, š], 90 
in black-and-white, A, 179 
monochromatic colors, %6, 92 
primary colors， 三 基色 ，84 
RGB color model，RGB 颜色 模型 ，99-100，205 
rosettes of CMYK, CMYK 的 玫瑰 花饰 ，98 
secondary colors， 三 间 色 ，84 
shades and tints， 上 暗色 和 亮色 ，90-93 
split complements， 分 裂 互补 ，88 
tertiary (or third) colors， 第 三 色 ，85 
tints， 亮 色 ，90-93 
tones of color， 人 色调 ，94 
triads, —f&£H, 87 
use justa splash， 只 使 用 少许 ，103 
warm vs. cool colors, Ba Eje, 95, 178 
web colors, which model to use, web 颜色 ， 使 用 哪 一 个 
模型 ，100，205 
white, HÉ, 85, 99 
Wildflower Theory of Color， 野 花色 原 论 ，94 
color palette (Apple's)， 调 色 板 ( Apple ), 91 
combining contrasts in type， 结 合 字体 对 比 ，184 
complementary colors， 互 补 色 ，86 
concord， 协 调 
basic principle of， 基 本 原则 ，137 
examples， 不 例 ，138-139 
conflict， 冲 突 
basic principle of， 基 本 原则 ，137 
examples of， 示 例 ，140-141 
how to avoid it， 如 何 避 人 免 ，57 
Conrad, Joseph, 180-181 
consistency, 43, 106 
contrast, Xf LE, 57—72 
basic principle of， 基 本 原则 ，5，57 
like wall paint， 类 似 于 刷 墙 漆 ，72 
review of principle， 原 则 回 硕 ，77 
repetitive element, Hi 76528. 68-69 
using white space， 使 用 空白 ，130 
contrasting type ， 字 体 对 比 
basic principle of， 基 本 原则 ，137，142-143，157-188 
by color， 利 用 颜色 ，178-183 
by direction， 利 用 方 回 ，174-177 
by form， 利 用 形状 ，170-173 
by size， 利 用 大 小 ，158-161 
by structure， 利 用 结构 ，166-169 
by weight， 利 用 粗细 ，162-165 
combine the contrasts， 结 合 多 种 形式 的 对 比 ，184 
summary， 小 结 ，144，185 
copy machines, stationery _ for， 复印机， 信纸，110 


corners, what not to do in them， 角 落 ， 不 要 放 什 么 ， 
104, 112, 174 
crap, A, 5 


crayon color model， 蜡 笔 颜 色 模 型 ，98 


D 


Darn Honor Farm, 36, 37 
Davis, J. Philip, 150 
Davis, Nancy, 150 
dazzling, HE, 147 
decorative type examples， 装 饰 字 体 示 例 ，152，203 
design, the process， 设计， 过 程 ，190 
design tips， 设 计 提 示 
brochures， 宣 传 贞 ，119-122 
business cards, AA, 103-106, 48 
letterhead and envelopes, fide Wisi. 48, 107-110 
newspaper ads, HRA $i. 127-130 
postcards, HHA, 123-126 
web pages, WJH, 131—134 
dingbat， 装 饰 符号 ，205 
direction， 方 向 
basic principle of， 基 本 原则 ，174 
use for contrast， 用 于 对 比 ，63 
examples of， 示 例 ，174-177 


dpi，205 
Dwiggins, W.A., 136 
E 


Egyptian fonts, Egyptian 字体 ，148 
elements, defined, WR, BEX, 205 
em spaces as paragraph indents, em 作为 段落 缩 进 ， 
37, 118 
envelopes, fiij 
design no-nos， 设 计 中 要 村 绝 的 问题 ，108 
design tips， 设 计 提 示 ，48，108，110 
standard size of， 标 准 尺寸 ，110 
Evans, Miss Dana, 98 
exercises， 练 习 
combining contrasts， 结 合 多 种 形式 的 对 比 ，188 
redesigns， 重 新 设计 ，78-80，191，192 
extended text， 扩 展 文本 
defined， 定 义 ，205 
type good for， 适 合 的 字体 类 型 ，146，148 
type not good for， 不 适合 的 字体 类 型 ，147 
eye, eye flow, IRIS, d£ 
contrast and, XJ I5, 72 
defined, 4E X, 205 
examples of, 7R, 8, 9, 24, 35, 44, 59, 75 
white space, SAĤ, 73 


F 


faxing, stationery for， 传 真 ， 信 纸 ，110 
flag ，newsletter， 标 志 ， 新 闻 简 报 ，10，29，115，116 
flush left， 左 对 齐 
defined， 和 定义 ，32 
examples of, zn[/J, 28, 37 
flush right, AXX 
defined, 4E X, 32 
examples of, zsf/l, 27, 29, 48 
flyers， 传 单 
design no-nos， 设 计 中 要 杜绝 的 问题 ，112 
design tips， 设 计 提 示 ，111-114 


focal point 中 心 点 ， 

emphasize the focus， 强 调 中 心 ，69 

in letterhead, (F&F, 110 

on flyers, f£/& E, 114 

start with, Hj: 开始 ，190 

use contrast to create it， 用 对 比 来 创建 ，64 
folds in a brochure， 宣 传 册 中 的 折 痕 ，119 


fonts， 字 体 
default font for viewing web sites， 浏 览 网 站 的 默认 字体 ， 
134 


fonts to let go of， 人 允许 的 字体 ，69 
for contrast， 用 于 对 比 ，118 
for readability， 用 于 保证 可 读 性 ，118 
for web pages， 用 于 网 页 ，134 
from the '70s, M 70 年 代 起 ，104 
list of fonts used in this book， 本 书 使 用 的 字体 表 ， 
197-201 
form contrast, JZATAxILE, 170—173 


G 


Geneva on web pages， 网 页 上 的 Geneva, 134 

glossary, WEK, 205 

Gobbo, Launcelot, résumé, 78 

good design, as easy as . . .， 优 秀 设计 ， 与 …… 一 样 容 
3,4 

Gott schall, Edward, 1 

gray pages， 灰 色 页 面 ， 

Guilty Looks, 41, 45 

gutter, what is it? 装订 线 ， 是 什么 ，119 


H 


hang from a clothesline， 从 晾 衣 强 挂 起 ，46 

Helvetica/Arial 
don’tuse it， 不 要 使 用 ，69，118，122，124，134 
spec other fonts on web pages， 网 页 上 指定 其 他 字体 ， 

134 

hierarchy, use contrast to show， 层 次 体系 ， 使 用 对 比 来 
显示 ，164 

horseshoes and hand grenades， 掷 蹄 铁 和 手榴弹 游戏 ， 
72 

hues (colors), 色调 ( 颜色 ) 90 

Hugs dog biscuits, Hugs 小 狗 饼 干 ，68--69 


identity package， 标 识 包 装 ，48，102 

images/photos, specifications for print or screen, Ef / B8 
片 ， 印 刷 或 屏幕 显示 的 有 关 规 范 ，205 

indented text， 缩 进 文本 
first paragraphs not indented， 第 一 段 不 缩 进 ，37，118 
“typewriter ”indents， 打 字 机 宽 缩 进 ，36 

inspiration ， 灵 感 ，82 

invisible type， 不 可 见 字 体 ，146 

italic form of type ， 和 斜体 字体 ，172 


J 


Joshua tree, 5B EH, 3—4 
jpg images, .jpg R&R, 205 


165, 180 





justified type， 两 端 对 齐 ，32，205 


K 
Katona, Cynthia Lee, 66-67 


L 


lab coat ad， 实 验 室 工装 广告 ，129 
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design tips, ixildézn. 115-118 
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design tips， 设 计 提 示 ，130 
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oblique font style， 倾 斜 字体 风格 ，172 
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ppi, 205 
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205 
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design principles， 设 计 原 则 , 78 
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readability, mIizfE, 118 
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in brochures, 48}, 122 
in newsletters， 新 闻 人 简报 ，115 
in web sites， 网 站 ，131，134 
review of principle， 原 则 回顾 ，76 
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用 ，130 
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explained， 解 释 ，99-100 
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right-aligned text， 右 对 齐 文本 ，32 
examples of， 示 例 ，26，27，40 
Robin Williams Design Workshop, 82 
roman, 172 
rules, breaking them, XXI, FIAR, 41, 216 
rules (lines)， 水 线 ( 线 ), 62, 205 
Rules of Life, A^4E/ÉWNJ, 62, 73 
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sand font, sand 字体 ，69 
sans serif fonts, sans serif 字体 
putting two or more on a page, 一 个 页 面 上 放 两 种 或 多 
种 ，169 
type examples， 字 体 示 例 ，149，150，201 
vs. serif, 164 
Santa Fe Mac User Group, 63 
Sayers, Dorothy L., 171 
screen resolution ， 屏 幕 分 辨 率 ，205 
Screenwriting Conference in Santa Fe，54 
script type examples，script 字体 示例 ，151，202 
secondary colors， 三 间 色 ，84 
Serifs 
horizontal and thick (slab)， 水 平 而 粗 (平板 )，148 
horizontal，thin， 水 平 ， 细 ，147 
illustration of， 描 述 ，147 
none (sans), JG, 147 
quizon, é], 155 
slanted, WE}, 156 
shades of colors, H&f&, 90-93 
Shakespeare Papers, Shakespeare ZK3K, 10, 79, 97 
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standard business card， 标 准 企业 名 片 ，103 
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structure ， 结 构 
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threefold brochure， 三 折 本 宣传 册 119 
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in newspaper ads， 报 纸 广 告 中 ，130 
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The Non-Designer's Design Book 


在 这 个 创意 无 处 不 在 的 时 代 ， 越 来 越 多 的 人 需要 成 为 设计 师 。 简 历 、 论 文 、 做 演示 用 的 Power- 
Point、 个 人 主页 、 博 客 、 社 团 活动 海报 、 给 客户 的 信函 或 者 电子 邮件 ……， 人 处 处 都 在 考验 你 的 设计 
能 力 。 

美术 功课 不 好 ? 没有 艺术 细胞 ? 富 无 设计 经 验 ? 

没关系 ! 在 设计 大 师 Robin Williams 看 来 ， 设 计 其 实 很 简单 。 在 这 部 畅销 全 球 多 年 、 影 响 了 一 
代 设 计 师 的 经 典 著 作 中 ，Robin Williams 将 优秀 设计 的 秘诀 归纳 为 对 比 、 重 复 、 对 齐 和 亲密 性 四 条 
基本 原则 ， 并 用 简洁 通俗 、 幽 默 生动 的 文笔 ， 同 时 配 以 大 量 经 过 修改 进行 前 后 对 比 的 实例 图 解 和 设 
计 练 习 ( 并 提供 解答 )， 直 观 而 清晰 地 传授 给 读者 。 通 过 本 书 ， 普 通读 者 很 快 就 能 够 自信 地 设计 出 专 
业 级 别 的 作品 ， 而 专业 设计 师 也 将 从 中 获得 灵感 和 解决 问题 的 途径 。 


Robin Williams 世界 著名 的 设计 师 、 技 术 专 家 和 畅销 书 作家 。 通 过 写 书 和 授课 ， 她 已 经 影响 了 整整 一 代数 字 
设计 师 。 同 时 ， 作 为 Adobe 和 Mac 技术 社区 内 的 偶像 级 专家 ， 她 拥有 大 批 的 拥戴 者 。 她 是 Publish Magazine, 
Adobe Magazine 等 杂志 的 专栏 作家 ， 是 MacWorld Expo 等 业界 重要 活动 和 组 织 的 顾问 委员 会 成 员 ， 还 创办 了 
Santa Fe 电影 艺术 学 院 。 除 本 书 外 ， 她 还 基 有 几 十 部 畅销 图 书 和 获奖 著作 ， 包 括 The Non-Designer's Web Book. 
| Robin Williams Design Workshop. The Little Mac Book 等 ， 有 的 书 已 被 翻译 为 15 种 文字 ， 产 生 了 世界 性 的 影响 。 
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